scroll to selected instantly

Author: callionica

colors/colors-w.htm

@@ -17,6 +17,7 @@
             }
         }
 
+        /** Selects a random item from an array **/
         function pick(items) {
             return items[Math.floor(Math.random() * items.length)];
         }
@@ -123,11 +124,19 @@
                 this.container.style.width = `${(width * count)}px`;
 
                 let index = 0;
+                let selected = undefined;
+                let selectedLeft = undefined;
                 for (const child of [...this.container.children]) {
+                    if (child.matches(".selected")) {
+                        selected = child;
+                        selectedLeft = index * width;
+                    }
                     console.log(child);
                     child.style.left = `${index * width}px`;
                     ++index;
                 }
+
+                this.scroller.scroll({ left: selectedLeft, behavior: "instant" });
             }
 
             contract() {
@@ -320,7 +329,7 @@
                 `
                 ;
 
-                document.querySelector(".copyText").onclick = () => copyText(text);
+            document.querySelector(".copyText").onclick = () => copyText(text);
         })();
     </script>
     <style>
@@ -391,7 +400,7 @@
             display: block;
             width: var(--width);
             height: var(--height);
-            transition: width 0.6s ease;
+            /* transition: width 0.6s ease; */
         }
 
         expand-children>.scroller>.container>* {