问题 #3260💬 已回答提出于 2021年2月3日作者 mhowey1 个反应

Color Picker Transparency slider is at 0 in firefox.

快速解答作者 mhowey❤ 1

@artf Firefox 和 Chrome 的另一个区别是调色板显示的内容。Firefox显示透明方框，而Chrome显示灰色方框。

阅读下方完整回答 ↓

问题

Grapesjs 的颜色选择器在 Chrome 和 Firefox 之间工作方式不同。当你打开选中的组件，而该组件之前从未设置过背景色（例如......），颜色选择器在Chrome中设置为100%不透明度，Firefox中设置为0%。

问题是用户在使用Firefox时甚至可能热点查看这个透明度滑块，尝试更改颜色却失败，却没意识到透明度是0%。

预期行为： 在所有浏览器中，当被样式的组件从未指定背景色时，颜色选择器默认会将透明度设置为100%。

实际行为： 在Chrome中，颜色选择器正常工作。在Firefox中，颜色选择器最初总是以不透明度滑块为0%打开。

提前感谢你的精彩项目！！

版本： 最新消息

你可以在控制台输入“grapesjs.version”获得版本

你能重现演示中的bug吗？

[X] 是的

回答（3）

mhowey• 2021年2月4日

@artf Firefox 和 Chrome 的另一个区别是调色板显示的内容。Firefox显示透明方框，而Chrome显示灰色方框。

artf• 2023年7月27日

似乎在最新的Firefox版本上已经解决了

GJSBlock• 2026年5月17日

谢谢你举报，@mhowey。 Firefox中*色彩选择器透明度滑块在0的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →