fix: allow focus rings on pointer coarse devices (#7704) (#7713)

Co-authored-by: Fredi Wasström <fredrik.wasstrom@gmail.com>
vaadin · Aug 29, 2024 · 6a5ff19 · 6a5ff19
1 parent 7c1d8e6
commit 6a5ff19
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/date-picker/theme/lumo/vaadin-month-calendar-styles.js b/packages/date-picker/theme/lumo/vaadin-month-calendar-styles.js
@@ -133,19 +133,18 @@ registerStyles(
 
     @media (pointer: coarse) {
       [part~='date']:hover:not([part~='selected'])::before,
-      [part~='focused']:not([part~='selected'])::before {
+      :host(:not([focus-ring])) [part~='focused']:not([part~='selected'])::before {
         display: none;
       }
 
       [part~='date']:not(:empty):not([part~='disabled']):active::before {
         display: block;
       }
 
-      [part~='date'][part~='selected']::before {
+      :host(:not([focus-ring])) [part~='date'][part~='selected']::before {
         box-shadow: none;
       }
     }
-
     /* Disabled */
 
     :host([disabled]) * {