Skip to content

Commit 0669de5

Browse files
authored
fix(material/form-field): outline being thrown off by Tailwind (#32513)
In some setups, it seems like Tailwind adds a `border: solid 0` to all elements which ends up breaking the outline for the form field. These changes add an explicit reset to avoid it. Fixes #32511.
1 parent eab53ab commit 0669de5

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

src/material/form-field/_mdc-text-field-structure.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -369,6 +369,8 @@ $fallbacks: m3-form-field.get-tokens();
369369
box-sizing: border-box;
370370
height: 100%;
371371
pointer-events: none;
372+
// Reset border coming from something like Tailwind (see #32511).
373+
border: none;
372374
border-top: 1px solid;
373375
border-bottom: 1px solid;
374376

0 commit comments

Comments
 (0)