LinkControl: fix scrollbar displayed on toggle link settings (#47986)

* Link control: fix scrollbar displayed on toggle * Update changelog * Add comment * Fix comment url
WordPress · Feb 15, 2023 · 3bcfbfe · 3bcfbfe · github-actions · Feb 15, 2023
1 parent 58cd891
commit 3bcfbfe
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/block-editor/CHANGELOG.md b/packages/block-editor/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Bug Fix
+
+-   `LinkControl`: fix scrollbar displayed on toggle link settings ([#47986](https://github.com/WordPress/gutenberg/pull/47986)).
+
 ## 11.3.0 (2023-02-01)
 
 ## 11.2.0 (2023-01-11)

diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss
@@ -463,7 +463,13 @@ $preview-image-height: 140px;
 	justify-content: space-between;
 	margin: 0;
 	padding: $grid-unit-20;
-	padding-top: 0;
+
+	// To hide the horizontal scrollbar on toggle.
+	// Margin and padding are needed to prevent cutoff of the toggle button focus outline.
+	// See: https://github.com/WordPress/gutenberg/pull/47986
+	margin-top: calc(var(--wp-admin-border-width-focus) * -1);
+	padding-top: var(--wp-admin-border-width-focus);
+	overflow: hidden;
 }
 
 .block-editor-link-control__unlink {