fix: select "space" autocomplete with mouse (#4339)

Here fixed closing space popover before selecting value from
autocomplete with mouse.

Author: TrySound

apps/builder/app/builder/features/style-panel/sections/shared/input-popover.tsx

@@ -76,7 +76,7 @@ const Input = ({
         batch.setProperty(property)(styleValue);
         batch.publish({ isEphemeral: true });
       }}
-      onChangeComplete={({ value, type, altKey, shiftKey }) => {
+      onChangeComplete={({ value, altKey, shiftKey }) => {
         const batch = createBatchUpdate();
         const modifiers = { shiftKey, altKey };
         const properties = isSpace(property)
@@ -86,10 +86,8 @@ const Input = ({
         for (const property of properties) {
           batch.setProperty(property)(value);
         }
-        batch.publish({ isEphemeral: false });
-        if (type === "blur" || type === "enter") {
-          onClosePopover();
-        }
+        batch.publish();
+        onClosePopover();
       }}
       onAbort={() => {
         const batch = createBatchUpdate();
@@ -142,7 +140,13 @@ export const InputPopover = ({
       <PopoverTrigger asChild>
         <Trigger />
       </PopoverTrigger>
-      <PopoverContentStyled hideArrow sideOffset={-24}>
+      <PopoverContentStyled
+        hideArrow
+        sideOffset={-24}
+        // prevent propagating click on input or combobox menu
+        // and closing popover before applying changes
+        onClick={(event) => event.stopPropagation()}
+      >
         <Input
           styleSource={styleSource}
           value={value}