Skip to content

Commit cadc7f9

Browse files
authored
fix(combo): fix notch border styling (#1965)
1 parent 765305d commit cadc7f9

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

src/components/input/themes/shared/input.material.scss

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -594,6 +594,20 @@ input:placeholder-shown + [part='notch'] [part='label'],
594594
}
595595
}
596596

597+
:host(:not([disabled], [readonly])[role='combobox'][outlined]:focus-within),
598+
:host(:not([disabled], [readonly])[role='combobox'][outlined]:state(ig-invalid):focus-within) {
599+
:not([part~='filled']) {
600+
input:not(:placeholder-shown) + [part='notch'] {
601+
border-top: $idle-border-width solid transparent;
602+
}
603+
604+
[part='notch'] {
605+
border-block-start-color: transparent;
606+
}
607+
}
608+
}
609+
610+
597611
:host(:not([disabled],[readonly]):state(ig-invalid)),
598612
:host(:not([disabled])[role='combobox']:state(ig-invalid)) {
599613
[part='label'] {

0 commit comments

Comments
 (0)