Update

taufik-nurrohman · Jul 3, 2021 · 10e6027 · 10e6027
1 parent 438defe
commit 10e6027
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/.github/source/tweak/replace.html.pug b/.github/source/tweak/replace.html.pug
@@ -25,15 +25,15 @@ block script
     |     let box = document.createElement('span'),
     |         color = source.value;
     |     box.className = 'color-box';
-    |     box.dataset.color = color;
+    |     box.value = color; // Hacky :(
     |     box.style.backgroundColor = color;
     |     source.parentNode.insertBefore(box, source);
     |     source.type = 'hidden';
     |     const picker = new CP(box);
     |     picker.on('change', function(r, g, b, a) {
     |         let color = this.color(r, g, b, a);
     |         source.value = color;
-    |         this.source.dataset.color = color;
+    |         this.source.value = color; // Hacky :(
     |         this.source.style.backgroundColor = color;
     |     });
     | }
@@ -43,4 +43,4 @@ block script
 block content
   main
     p Replace text input with hidden input.
-    p: input(type='text')
+    p: input(type='text' value='#f00')
diff --git a/tweak/replace.html b/tweak/replace.html
@@ -23,23 +23,23 @@
   <body>
     <main>
       <p>Replace text input with hidden input.</p>
-      <p><input type="text"></p>
+      <p><input type="text" value="#f00"></p>
     </main>
     <script src="../index.min.js"></script>
     <script>
       function replaceWithColorBox(source) {
           let box = document.createElement('span'),
               color = source.value;
           box.className = 'color-box';
-          box.dataset.color = color;
+          box.value = color; // Hacky :(
           box.style.backgroundColor = color;
           source.parentNode.insertBefore(box, source);
           source.type = 'hidden';
           const picker = new CP(box);
           picker.on('change', function(r, g, b, a) {
               let color = this.color(r, g, b, a);
               source.value = color;
-              this.source.dataset.color = color;
+              this.source.value = color; // Hacky :(
               this.source.style.backgroundColor = color;
           });
       }