Skip to content

Commit 51263fb

Browse files
authored
fix(textfield): quiet focus indicator on click (#1685)
1 parent fd9edbb commit 51263fb

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

components/textfield/index.css

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -337,13 +337,14 @@ governing permissions and limitations under the License.
337337
margin-inline-start: 0;
338338
margin-block-start: 0;
339339
border-radius: 0;
340-
border-color: var(--highcontrast-textfield-focus-indicator-color, var(--mod-textfield-focus-indicator-color, var(--spectrum-textfield-focus-indicator-color)));
341340
}
342-
}
343341

344-
&--quiet.is-keyboardFocused {
345-
&::after {
346-
border-width: 0 0 var(--mod-textfield-focus-indicator-width, var(--spectrum-textfield-focus-indicator-width)) 0;
342+
&.is-keyboardFocused,
343+
&:focus-within {
344+
&::after {
345+
border-width: 0 0 var(--mod-textfield-focus-indicator-width, var(--spectrum-textfield-focus-indicator-width)) 0;
346+
border-color: var(--highcontrast-textfield-focus-indicator-color, var(--mod-textfield-focus-indicator-color, var(--spectrum-textfield-focus-indicator-color)));
347+
}
347348
}
348349
}
349350

0 commit comments

Comments
 (0)