From e8b69d4aa301038f1ad224a897a8297827d1ec99 Mon Sep 17 00:00:00 2001
From: Daniel Richards <daniel.richards@automattic.com>
Date: Thu, 14 Jul 2022 10:44:03 +0800
Subject: [PATCH] Prevent link control popover from going offscreen by adding
 __unstableShift prop (#42389)

---
 packages/block-library/src/button/edit.js             | 1 +
 packages/block-library/src/navigation-link/edit.js    | 1 +
 packages/block-library/src/navigation-submenu/edit.js | 1 +
 packages/format-library/src/link/inline.js            | 1 +
 4 files changed, 4 insertions(+)

diff --git a/packages/block-library/src/button/edit.js b/packages/block-library/src/button/edit.js
index 1c1fd9c26b255..61e3bfa557e81 100644
--- a/packages/block-library/src/button/edit.js
+++ b/packages/block-library/src/button/edit.js
@@ -221,6 +221,7 @@ function ButtonEdit( props ) {
 					anchorRef={ ref?.current }
 					focusOnMount={ isEditingURL ? 'firstElement' : false }
 					__unstableSlotName={ '__unstable-block-tools-after' }
+					__unstableShift
 				>
 					<LinkControl
 						className="wp-block-navigation-link__inline-link-input"
diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index c71282e77dae8..68719d007a0cc 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -849,6 +849,7 @@ export default function NavigationLinkEdit( {
 							position="bottom center"
 							onClose={ () => setIsLinkOpen( false ) }
 							anchorRef={ listItemRef.current }
+							__unstableShift
 						>
 							<LinkControl
 								hasTextControl
diff --git a/packages/block-library/src/navigation-submenu/edit.js b/packages/block-library/src/navigation-submenu/edit.js
index 99b6eaabac8a2..8b4d3d1b833b1 100644
--- a/packages/block-library/src/navigation-submenu/edit.js
+++ b/packages/block-library/src/navigation-submenu/edit.js
@@ -634,6 +634,7 @@ export default function NavigationSubmenuEdit( {
 							position="bottom center"
 							onClose={ () => setIsLinkOpen( false ) }
 							anchorRef={ listItemRef.current }
+							__unstableShift
 						>
 							<LinkControl
 								className="wp-block-navigation-link__inline-link-input"
diff --git a/packages/format-library/src/link/inline.js b/packages/format-library/src/link/inline.js
index 4f3db32f3befa..b299863601053 100644
--- a/packages/format-library/src/link/inline.js
+++ b/packages/format-library/src/link/inline.js
@@ -227,6 +227,7 @@ function InlineLinkUI( {
 			focusOnMount={ focusOnMount.current }
 			onClose={ stopAddingLink }
 			position="bottom center"
+			__unstableShift
 		>
 			<LinkControl
 				key={ forceRemountKey }