Add request pointer lock support

webstudio-is · Jan 6, 2025 · 0e8a0e5 · 0e8a0e5
1 parent 23ad1d2
commit 0e8a0e5
Show file tree

Hide file tree

Showing 2 changed files with 162 additions and 142 deletions.
diff --git a/apps/builder/app/builder/features/style-panel/shared/css-value-input/css-value-input.tsx b/apps/builder/app/builder/features/style-panel/shared/css-value-input/css-value-input.tsx
@@ -828,13 +828,11 @@ export const CssValueInput = ({
       signal: abortController.signal,
     };
 
-    let focusValue = null;
     let focusTime = 0;
     inputRef.current.addEventListener(
       "selectionchange",
       () => {
         if (Date.now() - focusTime < 50) {
-          console.log("select");
           inputRef.current?.select();
         }
       },
@@ -846,38 +844,11 @@ export const CssValueInput = ({
         if (inputRef.current === null) {
           return;
         }
-        focusValue = inputRef.current.value;
+
         focusTime = Date.now();
       },
       options
     );
-    /*
-    inputRef.current.addEventListener(
-      "pointermove",
-      () => {
-        if (Date.now() - focusTime < 200) {
-          console.log("move");
-          inputRef.current?.select();
-          requestAnimationFrame(() => {
-            inputRef.current?.select();
-          });
-        }
-      },
-      options
-    );
-    inputRef.current.addEventListener(
-      "pointerup",
-      () => {
-        if (Date.now() - focusTime < 200) {
-          inputRef.current?.select();
-          requestAnimationFrame(() => {
-            inputRef.current?.select();
-          });
-        }
-      },
-      options
-    );
-    */
 
     return () => {
       abortController.abort();
@@ -930,7 +901,6 @@ export const CssValueInput = ({
                 // We are setting the value on focus because we might have removed the var() from the value,
                 // but once focused, we need to show the full value
                 event.target.value = itemToString(value);
-                // event.target.select();
               }
             }}
             autoFocus={autoFocus}