fix manual color input

birdflop · Jun 21, 2024 · 688c116 · 688c116
1 parent db2c3b8
commit 688c116
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/routes/resources/animtab/index.tsx b/src/routes/resources/animtab/index.tsx
@@ -403,6 +403,11 @@ export default component$(() => {
                   }}
                   style={`background: ${color.hex};`}
                   value={color.hex}
+                  onInput$={(e, el) => {
+                    const picker = document.getElementById(`colorlist-color-${i + 1}-picker`)!;
+                    picker.dataset.value = el.value;
+                    picker.dispatchEvent(new Event('input'));
+                  }}
                   onMouseUp$={() => {
                     const picker = document.getElementById(`colorlist-color-${i + 1}-picker`)!;
                     picker.dataset.value = color.hex;

diff --git a/src/routes/resources/rgb/index.tsx b/src/routes/resources/rgb/index.tsx
@@ -362,6 +362,11 @@ export default component$(() => {
                   }}
                   style={`background: ${color.hex};`}
                   value={color.hex}
+                  onInput$={(e, el) => {
+                    const picker = document.getElementById(`colorlist-color-${i + 1}-picker`)!;
+                    picker.dataset.value = el.value;
+                    picker.dispatchEvent(new Event('input'));
+                  }}
                   onMouseUp$={() => {
                     const picker = document.getElementById(`colorlist-color-${i + 1}-picker`)!;
                     picker.dataset.value = color.hex;