fix(ui5-responsive-popover): scope styles for input controls

ivoplashkov · ivoplashkov · commit d54412fc8a0f · 2026-03-11T11:32:04.000+02:00
diff --git a/packages/main/src/themes/ResponsivePopoverCommon.css b/packages/main/src/themes/ResponsivePopoverCommon.css
@@ -43,7 +43,7 @@
 	padding: .1875rem .5rem
 }
 
-[inner-input] {
+[ui5-responsive-popover] [inner-input] {
 	background: transparent;
 	color: inherit;
 	border: none;
@@ -62,19 +62,19 @@
 	border-radius: var(--_ui5_input_border_radius);
 }
 
-[inner-input]::selection,
-[inner-input]::-moz-selection {
+[ui5-responsive-popover] [inner-input]::selection,
+[ui5-responsive-popover] [inner-input]::-moz-selection {
 	background: var(--sapSelectedColor);
 	color: var(--sapContent_ContrastTextColor);
 }
 
 /* Input placeholder */
-[inner-input]::-webkit-input-placeholder {
+[ui5-responsive-popover] [inner-input]::-webkit-input-placeholder {
 	font-style: var(--_ui5_input_placeholder_style);
 	color: var(--sapField_PlaceholderTextColor);
 }
 
-[inner-input]::-moz-placeholder {
+[ui5-responsive-popover] [inner-input]::-moz-placeholder {
 	font-style: var(--_ui5_input_placeholder_style);
 	color: var(--sapField_PlaceholderTextColor);
 }

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@`
`43`	`43`	`padding: .1875rem .5rem`
`44`	`44`	`}`
`45`	`45`
`46`		`-[inner-input] {`
	`46`	`+[ui5-responsive-popover] [inner-input] {`
`47`	`47`	`background: transparent;`
`48`	`48`	`color: inherit;`
`49`	`49`	`border: none;`
`@@ -62,19 +62,19 @@`
`62`	`62`	`border-radius: var(--_ui5_input_border_radius);`
`63`	`63`	`}`
`64`	`64`
`65`		`-[inner-input]::selection,`
`66`		`-[inner-input]::-moz-selection {`
	`65`	`+[ui5-responsive-popover] [inner-input]::selection,`
	`66`	`+[ui5-responsive-popover] [inner-input]::-moz-selection {`
`67`	`67`	`background: var(--sapSelectedColor);`
`68`	`68`	`color: var(--sapContent_ContrastTextColor);`
`69`	`69`	`}`
`70`	`70`
`71`	`71`	`/* Input placeholder */`
`72`		`-[inner-input]::-webkit-input-placeholder {`
	`72`	`+[ui5-responsive-popover] [inner-input]::-webkit-input-placeholder {`
`73`	`73`	`font-style: var(--_ui5_input_placeholder_style);`
`74`	`74`	`color: var(--sapField_PlaceholderTextColor);`
`75`	`75`	`}`
`76`	`76`
`77`		`-[inner-input]::-moz-placeholder {`
	`77`	`+[ui5-responsive-popover] [inner-input]::-moz-placeholder {`
`78`	`78`	`font-style: var(--_ui5_input_placeholder_style);`
`79`	`79`	`color: var(--sapField_PlaceholderTextColor);`
`80`	`80`	`}`