From 62a8d4e01f833ccd9abf5cd4fbb5f12919bec586 Mon Sep 17 00:00:00 2001
From: Chris <57954026+cpAdm@users.noreply.github.com>
Date: Mon, 31 Mar 2025 15:16:41 +0200
Subject: [PATCH] chore: Fix select warning when panes docked on right (#35404)

---
 packages/web/src/components/tabbedPane.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/components/tabbedPane.tsx b/packages/web/src/components/tabbedPane.tsx
index 2f5966cc51..95b0fa540c 100644
--- a/packages/web/src/components/tabbedPane.tsx
+++ b/packages/web/src/components/tabbedPane.tsx
@@ -63,7 +63,7 @@ export const TabbedPane: React.FunctionComponent<{
           ]}
         </div>}
         {mode === 'select' && <div style={{ flex: 'auto', display: 'flex', height: '100%', overflow: 'hidden' }} role='tablist'>
-          <select style={{ width: '100%', background: 'none', cursor: 'pointer' }} onChange={e => {
+          <select style={{ width: '100%', background: 'none', cursor: 'pointer' }} value={selectedTab} onChange={e => {
             setSelectedTab?.(tabs[e.currentTarget.selectedIndex].id);
           }}>
             {tabs.map(tab => {
@@ -72,7 +72,7 @@ export const TabbedPane: React.FunctionComponent<{
                 suffix = ` (${tab.count})`;
               if (tab.errorCount)
                 suffix = ` (${tab.errorCount})`;
-              return <option key={tab.id} value={tab.id} selected={tab.id === selectedTab} role='tab' aria-controls={`${id}-${tab.id}`}>{tab.title}{suffix}</option>;
+              return <option key={tab.id} value={tab.id} role='tab' aria-controls={`${id}-${tab.id}`}>{tab.title}{suffix}</option>;
             })}
           </select>
         </div>}