From cb957dc985b3a665d16a279f163daa26a44642fd Mon Sep 17 00:00:00 2001 From: Dave Smith Date: Tue, 6 Feb 2024 16:07:44 +0000 Subject: [PATCH 1/2] Clamp max width --- packages/block-editor/src/components/url-popover/style.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/block-editor/src/components/url-popover/style.scss b/packages/block-editor/src/components/url-popover/style.scss index 4038058abeb19..213db1776cb92 100644 --- a/packages/block-editor/src/components/url-popover/style.scss +++ b/packages/block-editor/src/components/url-popover/style.scss @@ -59,6 +59,9 @@ text-overflow: ellipsis; white-space: nowrap; margin-right: $grid-unit-10; + // Avoids the popover from growing too wide when the URL is long. + // See https: //github.com/WordPress/gutenberg/issues/58599. + max-width: $modal-min-width; &.has-invalid-link { color: $alert-red; From 8c3d181783e5bc177a673caf5967bb3dc6cfb397 Mon Sep 17 00:00:00 2001 From: Dave Smith Date: Wed, 7 Feb 2024 11:06:43 +0000 Subject: [PATCH 2/2] Update packages/block-editor/src/components/url-popover/style.scss Co-authored-by: Aki Hamano <54422211+t-hamano@users.noreply.github.com> --- packages/block-editor/src/components/url-popover/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/url-popover/style.scss b/packages/block-editor/src/components/url-popover/style.scss index 213db1776cb92..4c302dee1f0cc 100644 --- a/packages/block-editor/src/components/url-popover/style.scss +++ b/packages/block-editor/src/components/url-popover/style.scss @@ -60,7 +60,7 @@ white-space: nowrap; margin-right: $grid-unit-10; // Avoids the popover from growing too wide when the URL is long. - // See https: //github.com/WordPress/gutenberg/issues/58599. + // See https://github.com/WordPress/gutenberg/issues/58599 max-width: $modal-min-width; &.has-invalid-link {