fix: prevent overflow when not hovered (#816)

iOvergaard · JesmoDev · web-flow · commit b3fcd2b535ce · 2024-06-18T10:56:36.000+02:00
Co-authored-by: JesmoDev &lt;26099018+JesmoDev@users.noreply.github.com&gt;
diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -508,6 +508,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
         opacity: 0;
         width: 0;
         grid-column-start: 3;
+        overflow: hidden;
       }
       :host(:not([disabled])) #menu-item:hover #actions-container,
       :host(:not([disabled])) #menu-item:focus #actions-container,

Original file line number	Diff line number	Diff line change
`@@ -508,6 +508,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin(`
`508`	`508`	`opacity: 0;`
`509`	`509`	`width: 0;`
`510`	`510`	`grid-column-start: 3;`
	`511`	`+ overflow: hidden;`
`511`	`512`	`}`
`512`	`513`	`:host(:not([disabled])) #menu-item:hover #actions-container,`
`513`	`514`	`:host(:not([disabled])) #menu-item:focus #actions-container,`