问题
Button 组件在 Inspector 中启用 Color Transition 后,点击颜色色块打开系统取色器,取色器无法正常关闭——点击其他区域会重复触发取色器弹出。
原因
buttonTransitionEditor 中的 <input type="color"> 缺少 .es-color-swatch 包裹容器。该 input 的 CSS 为 position: absolute; opacity: 0,但父元素没有 position: relative,导致 input 脱离正常定位范围,覆盖了大片区域,任意点击都会重新触发取色器。
修复
补齐与 colorEditor 一致的 swatch/overlay DOM 结构,将 color input 限制在色块区域内。
问题
Button 组件在 Inspector 中启用 Color Transition 后,点击颜色色块打开系统取色器,取色器无法正常关闭——点击其他区域会重复触发取色器弹出。
原因
buttonTransitionEditor中的<input type="color">缺少.es-color-swatch包裹容器。该 input 的 CSS 为position: absolute; opacity: 0,但父元素没有position: relative,导致 input 脱离正常定位范围,覆盖了大片区域,任意点击都会重新触发取色器。修复
补齐与
colorEditor一致的 swatch/overlay DOM 结构,将 color input 限制在色块区域内。