diff --git a/assets/apps/components/package.json b/assets/apps/components/package.json index 47217897cf..314474f3e3 100644 --- a/assets/apps/components/package.json +++ b/assets/apps/components/package.json @@ -1,6 +1,6 @@ { "name": "@neve-wp/components", - "version": "0.0.50", + "version": "0.0.51", "description": "Neve React Components", "author": "themeisle ", "license": "GPL-2.0-or-later", diff --git a/assets/apps/components/src/Common/GlobalColorsPicker.js b/assets/apps/components/src/Common/GlobalColorsPicker.js index 4b7778747b..15ddf73120 100644 --- 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 index 7f6906a412..44ed0ea76e 100644 --- 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 index 104b27a748..95057e7e26 100644 --- 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 }) => { (