Color picker displays wrong position
Hi there, I solved this using the following configuration: grapesjs.init({ colorPicker: { appendTo: 'parent', offset: { top: 26, left: -166, }, }, }) Maybe you need to adjust the top and left positions for you, because I changed some sizes. But works perfect here.
Read full answer below ↓Question
Answers (3)
Hi there, I solved this using the following configuration:
grapesjs.init({ colorPicker: { appendTo: 'parent', offset: { top: 26, left: -166, }, }, })
Maybe you need to adjust the top and left positions for you, because I changed some sizes. But works perfect here.
I had exactly the same problem and thanks to your pointer to ColorPicker.js I was able to fix. Like artf say, the calculation of position is wrong, when editor is shown with a popup, like bootstrap modal. So I replaced the correction lines here like this: to a simple This works perfect for me, beca...
Are you able to provide a live example of the issue? (jsfiddle, codepen, etc..)
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1434
Toolbar Hide text element
@artf Please check you demo page text is hiding under the toolbar. how can we update the toolbar position?
Issue #1711
Error in prompt position after moving canvas
1、移动画布 2、点击layerManager（如果不点击layerManager 不会出错） 3、画布里的提示框位置出错 1、 moving canvas 2、 click layerManager （If you don't click layerManager, it w...
Issue #2044
Npm start to develop on local server didn't work
Did the procedure to start the local server using dev branch as described on README, it worked on the console, but fails on chrome and the...
Issue #678
Help Wanted
Hello, 2 queries : 1) How to Add a LOGO as in Demo webpage. 2) How to move the block manager, Style Manager from Right Side to Left Side. T...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.