Commit 0924259daf8 for woocommerce

commit 0924259daf88f83a8eead61465ef347e1685fbd1
Author: Ján Mikláš <neosinner@gmail.com>
Date:   Fri Aug 14 17:08:00 2026 +0200

    Fix EllipsisMenu label wrapping and focus styles (#67712)

    * Fix EllipsisMenu label wrapping and focus styles

    * Add changelog entry for EllipsisMenu fix

diff --git a/packages/js/components/changelog/fix-wooplug-1016-ellipsis-menu-labels b/packages/js/components/changelog/fix-wooplug-1016-ellipsis-menu-labels
new file mode 100644
index 00000000000..2733b05fc56
--- /dev/null
+++ b/packages/js/components/changelog/fix-wooplug-1016-ellipsis-menu-labels
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Keep EllipsisMenu labels on one line and show focus styles only for keyboard navigation.
diff --git a/packages/js/components/src/ellipsis-menu/style.scss b/packages/js/components/src/ellipsis-menu/style.scss
index fb195392144..ec2d5fe2a87 100644
--- a/packages/js/components/src/ellipsis-menu/style.scss
+++ b/packages/js/components/src/ellipsis-menu/style.scss
@@ -22,7 +22,10 @@
 	}

 	.components-popover__content {
-		width: 182px;
+		inline-size: max-content;
+		// Leave room on either side because Popover flips but does not shift.
+		min-inline-size: min(182px, calc(50vw - $gap-smaller));
+		max-inline-size: min(320px, calc(50vw - $gap-smaller));
 		padding: 2px;
 	}

@@ -50,6 +53,11 @@
 			outline-offset: -2px;
 		}

+		&:focus:not(:focus-visible) {
+			box-shadow: none;
+			outline: none;
+		}
+
 		.components-form-toggle {
 			margin-right: $gap-smaller;
 		}