diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 33eb3e33..49100b1e 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -17,6 +17,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti - Fixed a bug in `` that caused the initials to show up behind images with transparency [#1260](https://github.com/shoelace-style/shoelace/pull/1260) - Fixed a bug in `` that prevented the divider from being focusable in some browsers [#1288](https://github.com/shoelace-style/shoelace/issues/1288) - Fixed a bug that caused `` to affect scrolling when initializing [#1292](https://github.com/shoelace-style/shoelace/issues/1292) +- Fixed a bug in `` that allowed the hover state to show when focused [#1282](https://github.com/shoelace-style/shoelace/issues/1282) - Improved the behavior of `` when used inside a flex container [#1235](https://github.com/shoelace-style/shoelace/pull/1235) - Improved the behavior of `` to support buttons and other interactive elements [#1234](https://github.com/shoelace-style/shoelace/issues/1234) - Improved the performance of `` to prevent an apparent memory leak in some browsers [#1284](https://github.com/shoelace-style/shoelace/pull/1284) diff --git a/src/components/menu-item/menu-item.styles.ts b/src/components/menu-item/menu-item.styles.ts index 15ff27a4..9f1c312c 100644 --- a/src/components/menu-item/menu-item.styles.ts +++ b/src/components/menu-item/menu-item.styles.ts @@ -64,7 +64,7 @@ export default css` outline: none; } - :host(:hover:not([aria-disabled='true'])) .menu-item { + :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item { background-color: var(--sl-color-neutral-100); color: var(--sl-color-neutral-1000); }