From 6a5ff19655d8900f238045d6d7a4441b95e68933 Mon Sep 17 00:00:00 2001 From: Vaadin Bot Date: Thu, 29 Aug 2024 12:18:23 +0200 Subject: [PATCH] fix: allow focus rings on pointer coarse devices (#7704) (#7713) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Fredi Wasström --- .../date-picker/theme/lumo/vaadin-month-calendar-styles.js | 5 ++--- 1 file changed, 2 insertions(+), 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 index 135d896b03..d349d5740e 100644 --- a/packages/date-picker/theme/lumo/vaadin-month-calendar-styles.js +++ b/packages/date-picker/theme/lumo/vaadin-month-calendar-styles.js @@ -133,7 +133,7 @@ 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; } @@ -141,11 +141,10 @@ registerStyles( display: block; } - [part~='date'][part~='selected']::before { + :host(:not([focus-ring])) [part~='date'][part~='selected']::before { box-shadow: none; } } - /* Disabled */ :host([disabled]) * {