From d6af60dd55a125bb4649f2650dffb5ced62618bd Mon Sep 17 00:00:00 2001
From: cristian-ungureanu <cristian@themeisle.com>
Date: Thu, 2 Nov 2023 13:45:51 +0200
Subject: [PATCH] fix: popover issues in wp 6.4 [#4107]

---
 assets/apps/components/src/Common/DropdownFix.js                | 1 +
 .../src/builder/components/ComponentsPopover.tsx                | 2 ++
 .../customizer-controls/src/font-family/FontFamilySelector.js   | 1 +
 assets/apps/customizer-controls/src/repeater/IconSelector.js    | 1 +
 4 files changed, 5 insertions(+)

diff --git a/assets/apps/components/src/Common/DropdownFix.js b/assets/apps/components/src/Common/DropdownFix.js
index 40504c2bd8..01a3ad7a7a 100644
--- a/assets/apps/components/src/Common/DropdownFix.js
+++ b/assets/apps/components/src/Common/DropdownFix.js
@@ -145,6 +145,7 @@ export default function Dropdown(props) {
 						popoverProps ? popoverProps.className : undefined,
 						contentClassName
 					)}
+					inline={true}
 				>
 					{renderContent(args)}
 				</Popover>
diff --git a/assets/apps/customizer-controls/src/builder/components/ComponentsPopover.tsx b/assets/apps/customizer-controls/src/builder/components/ComponentsPopover.tsx
index 4b68d2dbe8..9abeeabb46 100644
--- a/assets/apps/customizer-controls/src/builder/components/ComponentsPopover.tsx
+++ b/assets/apps/customizer-controls/src/builder/components/ComponentsPopover.tsx
@@ -177,6 +177,8 @@ const ComponentsPopover: React.FC<Props> = ({
 			position="top center"
 			className="items-popover"
 			onFocusOutside={closePopup}
+			// @ts-ignore
+			inline={true}
 		>
 			<div className="popover-header">
 				<Icon icon={search} />
diff --git a/assets/apps/customizer-controls/src/font-family/FontFamilySelector.js b/assets/apps/customizer-controls/src/font-family/FontFamilySelector.js
index 3a92e95a7c..c5492533e5 100644
--- a/assets/apps/customizer-controls/src/font-family/FontFamilySelector.js
+++ b/assets/apps/customizer-controls/src/font-family/FontFamilySelector.js
@@ -197,6 +197,7 @@ const FontFamilySelector = ({
 							setVisible(false);
 							setSearch('');
 						}}
+						inline={true}
 					>
 						{fonts ? getFontList() : __('In Progress', 'neve')}
 					</Popover>
diff --git a/assets/apps/customizer-controls/src/repeater/IconSelector.js b/assets/apps/customizer-controls/src/repeater/IconSelector.js
index ff94201bd4..a6c5286d55 100644
--- a/assets/apps/customizer-controls/src/repeater/IconSelector.js
+++ b/assets/apps/customizer-controls/src/repeater/IconSelector.js
@@ -51,6 +51,7 @@ const IconSelector = ({ label, value, onIconChoice, icons }) => {
 					onFocusOutside={() => {
 						setVisible(!visible);
 					}}
+					inline={true}
 				>
 					{
 						<Suspense fallback={<Spinner />}>