Merge pull request #1373 from mathuo/fix/focus-visible-indicators

fix(dockview-core): use :focus-visible for keyboard focus indicators

Author: mathuo

packages/dockview-core/src/dockview/components/tab/defaultTab.scss

@@ -27,8 +27,11 @@
 .dv-tab {
     flex-shrink: 0;
 
-    &:focus-within,
-    &:focus {
+    // Keyboard-only focus ring: :focus-visible suppresses it on mouse click,
+    // :has(:focus-visible) keeps it when a child (e.g. the close button) is
+    // keyboard-focused — the descendant case the old :focus-within covered.
+    &:focus-visible,
+    &:has(:focus-visible) {
         position: relative;
 
         &::after {

packages/dockview-core/src/paneview/paneview.scss

@@ -68,8 +68,8 @@
                 cursor: pointer;
             }
 
-            &:focus,
-            &:focus-within {
+            &:focus-visible,
+            &:has(:focus-visible) {
                 &:before {
                     position: absolute;
                     top: 0;
@@ -94,8 +94,8 @@
             position: relative;
             outline: none;
 
-            &:focus,
-            &:focus-within {
+            &:focus-visible,
+            &:has(:focus-visible) {
                 &:before {
                     position: absolute;
                     top: 0;