(kb) make sure panel content is not focusable until we want to

before, panel content was always focusable. This made some unintended
behavior, like clicking a "a" element would keep the focus, and make the
`input` command stop working.

now if we just click a "a" element inside a non-focused panel, it wont
grab focus.

Author: manuhabitela

app/client/components/RegionFocusSwitcher.ts

@@ -105,19 +105,20 @@ export class RegionFocusSwitcher extends Disposable {
       dom.attr('aria-label', ariaLabel),
       dom.attr(ATTRS.regionId, id),
       dom.cls('clipboard_group_focus', use => {
-        // top/left/right panels are always focusable
-        if (id !== 'main') {
-          return true;
-        }
         const gristDoc = this._gristDocObs ? use(this._gristDocObs) : null;
-        // if we are not on a grist doc, main panel is always focusable
+        // if we are not on a grist doc, whole page is always focusable
         if (!gristDoc) {
           return true;
         }
+        const current = use(this.current);
+        // on a grist doc, panel content is focusable only if it's the current region
+        if (current?.type === 'panel' && current.id === id) {
+          return true;
+        }
         if (gristDoc) {
           use(gristDoc.activeViewId);
         }
-        // if we are on a grist doc, main panel is focusable only if we are not the actual document view
+        // on a grist doc, main panel is focusable only if we are not the actual document view
         return isSpecialPage(gristDoc);
       }),
       dom.cls('clipboard_forbid_focus', use => {