fix(settings): keep user agent menu above rows

src/components/SettingsView.tsx

@@ -799,7 +799,7 @@ runEngineChecks(false);
               </div>
 
               <h2 className="settings-section-title">Identity</h2>
-              <div className="mac-settings-group">
+              <div className="mac-settings-group settings-popup-group">
                 <div className="mac-settings-row settings-network-row">
                   <div className="settings-row-label">
                     <span>Custom User-Agent</span>

src/index.css

@@ -1189,6 +1189,12 @@ html[data-list-density="relaxed"] {
     margin-bottom: 24px;
   }
 
+  .settings-popup-group {
+    position: relative;
+    z-index: 10;
+    overflow: visible;
+  }
+
   .mac-settings-row {
     display: flex;
     justify-content: space-between;
@@ -1243,12 +1249,22 @@ html[data-list-density="relaxed"] {
 }
 
 .settings-network-row {
+  position: relative;
   display: grid;
   grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
   gap: 18px;
   align-items: start;
 }
 
+.settings-popup-group .settings-network-row:focus-within {
+  z-index: 20;
+}
+
+.settings-popup-group .settings-group-footer {
+  position: relative;
+  z-index: 0;
+}
+
 .settings-network-row > .settings-row-label {
   padding-top: 3px;
 }
@@ -1272,7 +1288,7 @@ html[data-list-density="relaxed"] {
 
 .settings-combobox-menu {
   position: absolute;
-  z-index: 50;
+  z-index: 100;
   top: calc(100% + 6px);
   right: 0;
   left: 0;