Fix spacebar bug in text widgets (#13513)

Author: kazcw

app/gui/integration-test/project-view/widgets.spec.ts

@@ -373,7 +373,8 @@ test('Selection widget with text widget as input', async ({ page }) => {
   // Editing text input shows and filters drop down
   await pathArgInput.click()
   await pathDropdown.expectVisibleWithOptions([...CHOOSE_FILE_OPTIONS, 'File 1', 'File 2'])
-  await page.keyboard.insertText('File 1')
+  // Using `type` instead of `inputText` here to catch keydown bugs like #13505.
+  await page.keyboard.type('File 1')
   await pathDropdown.expectVisibleWithOptions(['File 1'])
   // Clearing input should show all text literal options
   await pathArgInput.clear()

app/gui/src/project-view/components/GraphEditor/widgets/WidgetSelection.vue

@@ -265,10 +265,9 @@ declare module '@/providers/widgetRegistry' {
 </script>
 
 <template>
-  <button
+  <div
     ref="widgetRoot"
     class="WidgetSelection clickable"
-    :tabindex="-1"
     @pointerdown.prevent
     @click.stop="toggleDropdownWidget"
     @keydown.enter.stop
@@ -300,7 +299,7 @@ declare module '@/providers/widgetRegistry' {
         </div>
       </Teleport>
     </OptionallyKeepAlive>
-  </button>
+  </div>
 </template>
 
 <style scoped>