Color box opens outside the visible page

[Progressive-Programmer]

The normal placement of the grapesjs is given in the picture below:

When the color box is opened, the box opens up outside the view of page. And we have to scroll on to right to find it.

the color box should ideally open right next to the color option

[Progressive-Programmer]

@artf

The position of this color selector box is in element.style and the left position is pushing it outside the view. How and where in grapesjs are we deciding the position of color selector box?

[Progressive-Programmer]

@artf i have tried calling the classname .sp-container but the box's css doesn't get triggered with that .

[RogerHaugen]

I am just using the demo site, and i cannot choose background colours, is this the same issue? tho i cannot scroll to find the colour picker

[artf]

You can change the color picker options https://github.com/artf/grapesjs/issues/3369#issuecomment-814845063 @RogerHaugen that's the bg preview, not the color picker