Skip to content

Commit 213e573

Browse files
committed
fix(input-group): fix placeholder
1 parent 796d7f3 commit 213e573

File tree

1 file changed

+19
-10
lines changed

1 file changed

+19
-10
lines changed

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

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -332,16 +332,6 @@ input:placeholder-shown + [part='notch'] [part='label'],
332332
}
333333
}
334334

335-
[part='notch'] {
336-
border: {
337-
width: $idle-border-width;
338-
style: solid;
339-
color: var-get($theme, 'border-color');
340-
left: none;
341-
right: none;
342-
}
343-
}
344-
345335
[part='filler'] {
346336
border: {
347337
width: $idle-border-width;
@@ -372,12 +362,25 @@ input:placeholder-shown + [part='notch'] [part='label'],
372362
};
373363
}
374364
}
365+
}
366+
367+
:host([outlined]) {
368+
[part='notch'] {
369+
border: {
370+
width: $idle-border-width;
371+
style: solid;
372+
color: var-get($theme, 'border-color');
373+
left: none;
374+
right: none;
375+
}
376+
}
375377

376378
[part~='filled'] + [part='notch'] {
377379
@extend %floated-styles;
378380
}
379381
}
380382

383+
381384
:host(:not([type='search'])[readonly][outlined]:focus-within) {
382385
:not([part~='filled']) {
383386
input:not(:placeholder-shown) + [part='notch'] [part='label'] {
@@ -512,6 +515,12 @@ input:placeholder-shown + [part='notch'] [part='label'],
512515
}
513516
}
514517

518+
:host([type='search'][outlined]) {
519+
[part='notch'] {
520+
border: none
521+
}
522+
}
523+
515524
:host(:disabled),
516525
:host([disabled]) {
517526
[part~='input'],

0 commit comments

Comments
 (0)