BUG: Color Picker Transparency slider is at 0 in firefox.
Question
The color picker in grapesjs does not work the same between Chrome and Firefox. When you open the picker on a selected component that has never had it's background color set before (for instance...) the color picker opens with opacity set to 100% in Chrome and 0% in Firefox.
The issue is that the user may hot even look at this transparency slider when using Firefox and will try to change colors unsuccessfully, not realizing that the opacity is at 0%.
Expected Behavior: In all browsers the color picker will open with the transparency set to 100% by default when the component that is being styled has never had its background color specified.
Actual Behavior: In Chrome, the color picker works as expected. In Firefox the color picker always initially opens with the opacity slider at 0%.
Thanks in advance for your great project!!
Version: Latest
You can get the version by typing grapesjs.version into the console
Are you able to reproduce the bug from the demo?
[X] Yes
Answers (2)
@artf Another difference to note between Firefox and Chrome is what is displayed in the palette. Firefox shows a transparent box while Chrome shows a gray one.
Seems to be solved on the latest Firefox version
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1224
[Bug] Media query and classes rendering issue
Hi, I was trying to make a responsive layout but I discovered that the device switcher does not work consistently. The issue can be replica...
Issue #3267
BUG: Cannot set 0px box shadow blur
For some reason, the editor does not allow to set the blur to 0px. 0 always magically turns into 5px. <img width="243" alt="Screenshot 2021...
Issue #2824
Dragging items do not position on intital drag?
So when I drag a component/item from the bar to the center it will not go where I told it to go... IT always goes about 20% page width to o...
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...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.