fix: popover in dropdown component

Codeinwp · Nov 24, 2023 · 8f83856 · 8f83856
1 parent 1429c68
commit 8f83856
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/assets/apps/components/src/Common/GlobalColorsPicker.js b/assets/apps/components/src/Common/GlobalColorsPicker.js
@@ -33,6 +33,9 @@ const GlobalColorsPicker = ({ onChange, activeColor, isGlobal }) => {
 					/>
 				</>
 			)}
+			popoverProps={{
+				inline: true,
+			}}
 		/>
 	);
 };

diff --git a/assets/apps/components/src/Controls/ColorControl.js b/assets/apps/components/src/Controls/ColorControl.js
@@ -88,6 +88,9 @@ const ColorControl = ({
 						? ''
 						: 'neve-color-picker-dropdown'
 				}
+				popoverProps={{
+					inline: true,
+				}}
 				renderToggle={({ isOpen, onToggle }) => {
 					toggle = onToggle;
 					return (

diff --git a/assets/apps/components/src/Controls/MultiSelect.js b/assets/apps/components/src/Controls/MultiSelect.js
@@ -52,6 +52,9 @@ const MultiSelect = ({ choices, onChange, currentValue, label }) => {
 				<Dropdown
 					className="dd-toggle"
 					focusOnMount={false}
+					popoverProps={{
+						inline: true,
+					}}
 					renderToggle={({ isOpen, onToggle }) => (
 						<Button
 							isSmall