disable ListBox space shotcut

lama_cleaner/app/src/Editor.tsx

@@ -439,6 +439,7 @@ export default function Editor(props: EditorProps) {
     ' ',
     ev => {
       ev?.preventDefault()
+      ev?.stopPropagation()
       setShowBrush(!showBrush)
       setIsPanning(!isPanning)
     },

lama_cleaner/app/src/components/SizeSelector.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FocusEvent } from 'react'
 import { Listbox } from '@headlessui/react'
 import { CheckIcon, SelectorIcon } from '@heroicons/react/solid'
 
@@ -31,6 +31,10 @@ export default function SizeSelector(props: SizeSelectorProps) {
     return `${newWidth}x${size}`
   }
 
+  const onButtonFocus = (e: FocusEvent<any>) => {
+    e.currentTarget.blur()
+  }
+
   return (
     <div className="w-52">
       <Listbox value={value} onChange={onChange}>
@@ -72,7 +76,10 @@ export default function SizeSelector(props: SizeSelectorProps) {
               </Listbox.Option>
             ))}
           </Listbox.Options>
-          <Listbox.Button className="relative w-full inline-flex w-full px-4 py-2 text-sm font-medium bg-black rounded-md bg-opacity-10  focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75">
+          <Listbox.Button
+            onFocus={onButtonFocus}
+            className="relative w-full inline-flex w-full px-4 py-2 text-sm font-medium bg-black rounded-md bg-opacity-10  focus:outline-none "
+          >
             <span className="block truncate">{getSizeShowName(value)}</span>
             <span className="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none">
               <SelectorIcon