WEBUI-269-BACKPORT:Missing focus state on drawer and document tabs

nuxeo · Apr 10, 2024 · 00c545d · 00c545d
1 parent 837bc69
commit 00c545d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/elements/nuxeo-app/nuxeo-menu-icon.js b/elements/nuxeo-app/nuxeo-menu-icon.js
@@ -40,6 +40,10 @@ Polymer({
         outline: none;
       }
 
+      :host(:focus-visible) {
+        outline: auto;
+      }
+
       :host(.selected) paper-icon-button {
         background: rgba(0, 0, 0, 0.2);
         color: var(--nuxeo-sidebar-menu-hover);

diff --git a/elements/nuxeo-app/nuxeo-page-item.js b/elements/nuxeo-app/nuxeo-page-item.js
@@ -52,6 +52,9 @@ Polymer({
       :host(:focus) {
         background-color: #dedfe3;
       }
+      :host(:focus-visible) {
+        outline: auto;
+      }
     </style>
 
     <div>[[i18n(label)]]</div>