From 5e73cd72cadbb77844be62f2ed5e7b9f575775a4 Mon Sep 17 00:00:00 2001
From: Stoyan Stefanov <stoyan@yahoo.com>
Date: Tue, 23 May 2023 19:23:01 +0000
Subject: [PATCH 1/2] Disable chrmoium inputs when Saf/FF

---
 www/assets/js/test.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/www/assets/js/test.js b/www/assets/js/test.js
index 6025a6fb84..5a0009100c 100644
--- a/www/assets/js/test.js
+++ b/www/assets/js/test.js
@@ -237,6 +237,11 @@ function BrowserChanged() {
     deviceID = parts[1];
   }
 
+  // on/off Chromium settings
+  const nonChrome = ['Firefox', 'Safari'].some(browser => selectedBrowser.startsWith(browser));
+  document.querySelectorAll('#advanced-chrome input, #advanced-chrome select').forEach(i => i.disabled = nonChrome);
+
+
   let connections = [];
 
   // build the list of connections for this location/browser

From c2311e23c91ed759ca3eee22bf42771d71ed4a0d Mon Sep 17 00:00:00 2001
From: Stoyan Stefanov <stoyan@yahoo.com>
Date: Wed, 24 May 2023 19:03:55 +0000
Subject: [PATCH 2/2] Add text to help screen readers

---
 www/assets/css/pagestyle2.css | 4 ++++
 www/assets/js/test.js         | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/www/assets/css/pagestyle2.css b/www/assets/css/pagestyle2.css
index d64f94e38f..e15eff4f44 100644
--- a/www/assets/css/pagestyle2.css
+++ b/www/assets/css/pagestyle2.css
@@ -4857,6 +4857,10 @@ form[name="filterLog"] .history_filter input[type="text"] {
   border-bottom: 2px solid #f9d856;
 }
 
+.simpleadvancedfields .chromium-hide:before {
+  content: "These features are disabled because a non-Chromium browser is selected.";
+}
+
 .input_fields li,
 .input_fields .fieldrow {
   width: 100%;
diff --git a/www/assets/js/test.js b/www/assets/js/test.js
index 5a0009100c..0c809d2271 100644
--- a/www/assets/js/test.js
+++ b/www/assets/js/test.js
@@ -239,6 +239,12 @@ function BrowserChanged() {
 
   // on/off Chromium settings
   const nonChrome = ['Firefox', 'Safari'].some(browser => selectedBrowser.startsWith(browser));
+  const tabClasses = document.querySelector('#advanced-chrome').classList;
+  if (nonChrome) {
+    tabClasses.add('chromium-hide');
+  } else {
+    tabClasses.remove('chromium-hide');
+  }
   document.querySelectorAll('#advanced-chrome input, #advanced-chrome select').forEach(i => i.disabled = nonChrome);