Fix other focus issue

geojupyter · Jul 19, 2024 · d71b4e8 · d71b4e8
1 parent 99fbdcf
commit d71b4e8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/packages/base/src/panelview/components/layers.tsx b/packages/base/src/panelview/components/layers.tsx
@@ -114,15 +114,22 @@ export class LayersPanel extends Panel {
     nodeId,
     event
   }: LayersPanel.IClickHandlerParams) => {
-    if (!this._model) {
+    if (!this._model || !nodeId) {
       return;
     }
 
     const { jGISModel } = this._model;
     const selectedValue = jGISModel?.localState?.selected?.value;
+    const node = document.getElementById(nodeId);
 
-    (event.target as HTMLElement).tabIndex = 0;
-    (event.target as HTMLElement).focus();
+    if (!node) {
+      return;
+    }
+    // (event.target as HTMLElement).tabIndex = 0;
+    // (event.target as HTMLElement).focus();
+
+    node.tabIndex = 0;
+    node.focus();
 
     // Early return if no selection exists
     if (!selectedValue) {

diff --git a/packages/base/style/leftPanel.css b/packages/base/style/leftPanel.css
@@ -70,7 +70,7 @@
   flex-grow: 1;
 }
 
-.jp-gis-layer:focus-within {
+.jp-gis-layerText:focus {
   outline: none;
 }