Fix missing highlight of items on keyboard navigation in dropdown whe…

…n using popover (#3066)
kirbydesign · May 23, 2023 · 813bad8 · 813bad8
1 parent 5b15832
commit 813bad8
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/libs/designsystem/item/src/item.component.scss b/libs/designsystem/item/src/item.component.scss
@@ -101,8 +101,9 @@
   --min-height: #{utils.$dropdown-item-height};
 }
 
-// Intented for use with keyboard navigation in <kirby-dropdown>
-:host-context(kirby-dropdown .focused) ion-item {
+// Intented for use with keyboard navigation in <kirby-dropdown> & <kirby-popover>
+:host-context(kirby-dropdown .focused) ion-item,
+:host-context(kirby-popover .focused) ion-item {
   --background: #{interaction-state.get-state-color('white', 'xxxs')};
 }