fix(ColorPicker): allow empty alpha field (#2162)

Frontify · Jan 15, 2025 · 010074e · 010074e
1 parent 76b51be
commit 010074e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/big-taxis-raise.md b/.changeset/big-taxis-raise.md
@@ -0,0 +1,5 @@
+---
+"@frontify/fondue-components": patch
+---
+
+fix(ColorPicker): allow empty alpha field
diff --git a/packages/components/src/components/ColorPicker/ColorValueInput.tsx b/packages/components/src/components/ColorPicker/ColorValueInput.tsx
@@ -156,7 +156,8 @@ export const ColorValueInput = (
                 <TextInput.Root
                     data-test-id="color-picker-value-input-alpha"
                     className={styles.valueInput}
-                    value={currentColor.alpha === undefined ? 100 : Math.trunc(currentColor.alpha * 100)}
+                    /* .toString() is a workaround for https://github.com/facebook/react/issues/9402 */
+                    value={currentColor.alpha === undefined ? 100 : Math.trunc(currentColor.alpha * 100).toString()}
                     type="number"
                     onChange={(event) => {
                         onColorChange({