fix: enable focus through message options when message reactions are displayed (#331)

MartinCupela · web-flow · commit f75170f00f4d · 2025-05-16T14:48:54.000+02:00
diff --git a/src/v2/styles/Message/Message-layout.scss b/src/v2/styles/Message/Message-layout.scss
@@ -383,6 +383,12 @@
   }
 }
 
+.str-chat__message-inner:focus-within {
+  .str-chat__message-options {
+    display: flex;
+  }
+}
+
 .str-chat__message--other .str-chat__message-inner:not(:has(.str-chat__message-options--active)) {
   margin-inline-end: var(--str-chat-message-options-size);
 }

Original file line number	Diff line number	Diff line change
`@@ -383,6 +383,12 @@`
`383`	`383`	`}`
`384`	`384`	`}`
`385`	`385`
	`386`	`+.str-chat__message-inner:focus-within {`
	`387`	`+ .str-chat__message-options {`
	`388`	`+ display: flex;`
	`389`	`+ }`
	`390`	`+}`
	`391`	`+`
`386`	`392`	`.str-chat__message--other .str-chat__message-inner:not(:has(.str-chat__message-options--active)) {`
`387`	`393`	`margin-inline-end: var(--str-chat-message-options-size);`
`388`	`394`	`}`