From 53ce9abb61450f24d7bcc843dae3d913fde77e20 Mon Sep 17 00:00:00 2001
From: Niek van der Maas <mail@niekvandermaas.nl>
Date: Thu, 23 Mar 2023 14:15:50 +0100
Subject: [PATCH] Dropdown on click, not on hover

---
 src/lib/Prompts.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/Prompts.svelte b/src/lib/Prompts.svelte
index 2bddf13..750b4b8 100644
--- a/src/lib/Prompts.svelte
+++ b/src/lib/Prompts.svelte
@@ -5,16 +5,20 @@
     input.value = prompt
     input.style.height = 'auto'
     input.style.height = input.scrollHeight + 'px'
+    active = false
   }
 
   export let input : HTMLTextAreaElement
+
+  let active: boolean = false
 </script>
 
 {#if input}
 <div class="columns is-centered">
   <div class="column is-half">
-    <div class="dropdown is-hoverable is-fullwidth">
-      <div class="dropdown-trigger">
+    <div class="dropdown is-fullwidth" class:is-active={active}>
+      <!-- svelte-ignore a11y-click-events-have-key-events -->
+      <div class="dropdown-trigger" on:click={() => { active = !active }}>
         <button class="button is-fullwidth" aria-haspopup="true" aria-controls="dropdown-menu">
           <span>Select a pre-made prompt</span>
           <span class="icon is-small">👇</span>