Fix #3307: Fix inconsistency between browsers on textarea outlines

conversejs · Feb 8, 2024 · 509131b · 509131b
1 parent acb0d68
commit 509131b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -5,6 +5,7 @@
 - #2716: Fix issue with chat display when opening via URL
 - #3033: Add the `muc_grouped_by_domain` option to display MUCs on the same domain in collapsible groups
 - Add an occupants filter to the MUC sidebar
+- #3307: Fix inconsistency between browsers on textarea outlines
 
 ### Breaking changes:
 

diff --git a/src/plugins/chatview/styles/chat-bottom-panel.scss b/src/plugins/chatview/styles/chat-bottom-panel.scss
@@ -40,8 +40,9 @@
                 }
 
                 .chat-textarea, input {
+                    outline: 1px solid var(--chat-head-color);
                     &:active, &:focus{
-                        outline-color: var(--chat-head-color);
+                        outline-width: 2px;
                     }
                     &.correcting {
                         background-color: var(--chat-correcting-color);

diff --git a/src/plugins/muc-views/styles/muc-bottom-panel.scss b/src/plugins/muc-views/styles/muc-bottom-panel.scss
@@ -31,8 +31,9 @@
                     bottom: 4.5em;
                 }
                 .chat-textarea, input {
+                    outline: 1px solid var(--chatroom-head-bg-color) !important;
                     &:active, &:focus{
-                        outline-color: var(--chatroom-head-bg-color) !important;
+                        outline-width: 2px !important;
                     }
                     &.correcting {
                         background-color: var(--chatroom-correcting-color);