Skip to content

Commit 4cc6b57

Browse files
committed
fix(MessageComposer): keep textarea focus ring suppressed after width fix
Loosening the .str-chat__textarea selector dropped its specificity from (0,3,1) to (0,2,1), which let the global `.str-chat *:focus-visible` outline rule (base.scss, (0,3,0)) override the textarea's `outline: none` and show a focus ring. Re-assert the reset on :focus-visible so it lands at (0,3,1) and keeps outranking the global outline.
1 parent c5dc66d commit 4cc6b57

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

src/components/MessageComposer/styling/MessageComposer.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -267,6 +267,15 @@
267267
outline: none;
268268
width: 100%;
269269
scrollbar-width: none;
270+
271+
// The composer intentionally has no focus ring on the textarea itself.
272+
// Re-assert the reset on :focus-visible so it keeps outranking the global
273+
// `.str-chat *:not(:disabled):focus-visible` outline (base.scss, (0,3,0))
274+
// now that this rule is scoped one level shallower (was (0,3,1) under
275+
// .str-chat__message-composer-controls, now (0,2,1)).
276+
&:focus-visible {
277+
outline: none;
278+
}
270279
}
271280
}
272281

0 commit comments

Comments
 (0)