-
-
Notifications
You must be signed in to change notification settings - Fork 3.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
BUG: on fullscreen, color picker is hidden #5885
Comments
Issue solved. I find a solution. When I init grapejs, I pass object config with colorPicker const config = { // other config options here colorPicker: { } |
Thank @vincepv yeah there might be some conflicts with the fullscreen command and the default configuration of the color picker depending on how and where the editor container is rendered. Probably, in most of cases, it would be enough to place the color picker in the same editor container to make them work properly. grapesjs.init({
container: '#gjs',
colorPicker: { appendTo: '#gjs' },
// ...
}) |
GrapesJS version
What browser are you using?
Firefoxe 125.0.3 (64 bits)
Reproducible demo link
https://grapesjs.com/demo-newsletter-editor.html
Describe the bug
How to reproduce the bug?
You can reproduce here : https://grapesjs.com/demo-newsletter-editor.html
What is the expected behavior?
on click, color picker should open.
What is the current behavior?
color picker is always hidden in fullscreen.
Hypothesis
I try to change CSS rules with z-index. I failed to solve the issue.
Stack of my front-end project
"vue": "^3.4.15",
"grapesjs": "^0.21.10",
"grapesjs-mjml": "^1.0.5",
Code of Conduct
The text was updated successfully, but these errors were encountered: