Skip to content

Commit b2b504e

Browse files
authored
fix(DBCustomSelect): placeholder colliding with selected value on MacOS and iOS (#4611)
1 parent 4e310c6 commit b2b504e

File tree

1 file changed

+4
-6
lines changed

1 file changed

+4
-6
lines changed

packages/components/src/components/custom-select/custom-select.scss

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -43,19 +43,17 @@
4343
@include form-components.set-default-form-component(summary);
4444

4545
[id$="-placeholder"] {
46-
display: none;
46+
--db-form-component-padding-inline-end: #{select-components.$select-icon-padding};
47+
4748
margin-inline-end: calc(
4849
#{form-components.$font-size-height} +
4950
#{variables.$db-spacing-fixed-sm}
5051
);
5152
}
5253

53-
&:has(.db-custom-select-form-field:empty),
54-
&:has(.db-custom-select-form-field > :empty) {
55-
--db-form-component-padding-inline-end: #{select-components.$select-icon-padding};
56-
54+
&:has(summary span) {
5755
[id$="-placeholder"] {
58-
display: block;
56+
display: none;
5957
}
6058
}
6159

0 commit comments

Comments
 (0)