PaletteEdit: ColorPicker popover position can't be changed

[mirka]

What problem does this address?

When clicking on a color swatch, the ColorPicker popover opens to the left side of the component with a 20px offset. This positioning is coupled to the block editor sidebar and cannot be changed.

CleanShot.2023-03-14.at.01.16.37.mp4

gutenberg/packages/components/src/palette-edit/index.js

Lines 99 to 101 in a2e91a4

	<Popover
	placement="left-start"
	offset={ 20 }

In Storybook, the result looks glitchy:

CleanShot.2023-03-14.at.01.17.15.mp4

What is your proposed solution?

The popover positioning should not be coupled to the block editor.

Related: All the components with the __experimentalIsRenderedInSidebar prop.

[ciampo]

cc @jorgefilipecosta — it would be great if we could work towards removing the __experimentalIsRenderedInSidebar from the @wordpress/components package, since it introduces tight coupling with the block editor.