Fixing accessiblity on search input (mattermost#29423)

Automatic Merge
Brightscout · Dec 10, 2024 · 4c27e6e · 4c27e6e
1 parent 0f5d160
commit 4c27e6e
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/webapp/channels/src/components/new_search/new_search.tsx b/webapp/channels/src/components/new_search/new_search.tsx
@@ -168,6 +168,10 @@ const NewSearch = (): JSX.Element => {
 
     const openSearchBoxOnKeyPress = useCallback(
         (e: React.KeyboardEvent) => {
+            if (e.key === 'Shift' || e.key === 'Control' || e.key === 'Meta') {
+                return;
+            }
+
             if (Keyboard.isKeyPressed(e, Constants.KeyCodes.TAB)) {
                 return;
             }
@@ -214,7 +218,7 @@ const NewSearch = (): JSX.Element => {
             onKeyDown={openSearchBoxOnKeyPress}
             onClick={openSearchBox}
             id='searchFormContainer'
-            role='search'
+            role='button'
             className='a11y__region'
         >
             <i className='icon icon-magnify'/>