Improve URL select for URL prop

MasLiang · Apr 13, 2022 · f385f3a · f385f3a
1 parent 2300389
commit f385f3a
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/cloud/components/Props/Pickers/UrlSelect.tsx b/src/cloud/components/Props/Pickers/UrlSelect.tsx
@@ -90,9 +90,19 @@ const UrlSelect = ({
     )
   }, [value])
 
+  const openSelectorIfEmpty = useCallback(
+    (e) => {
+      if (value.trim() === '' || !isValidUrl(value)) {
+        openSelector(e)
+      }
+    },
+    [openSelector, value]
+  )
+
   return (
     <UrlSelectContainer>
       <PropertyValueButton
+        onClick={(e) => openSelectorIfEmpty(e)}
         sending={sending}
         isReadOnly={isReadOnly}
         disabled={disabled}