From f6b483a1e81e301c2a2ae3702bc7e7f43d35363a Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 27 Jan 2023 11:27:22 +0100
Subject: [PATCH] feat: first collapsible always open, disable autocomplete

---
 src/lib/components/collapsibleItem.svelte                     | 3 ++-
 .../console/project-[project]/functions/createVariable.svelte | 3 ++-
 .../functions/function-[function]/create.svelte               | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/collapsibleItem.svelte b/src/lib/components/collapsibleItem.svelte
index ed93c1f49..8cad4569e 100644
--- a/src/lib/components/collapsibleItem.svelte
+++ b/src/lib/components/collapsibleItem.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
     export let withIndentation = false;
+    export let open = false;
 </script>
 
 <li class="collapsible-item">
-    <details class="collapsible-wrapper">
+    <details class="collapsible-wrapper" {open}>
         <summary class="collapsible-button">
             <slot name="beforetitle" />
             <div>
diff --git a/src/routes/console/project-[project]/functions/createVariable.svelte b/src/routes/console/project-[project]/functions/createVariable.svelte
index cff8b1dff..bbedb5fbc 100644
--- a/src/routes/console/project-[project]/functions/createVariable.svelte
+++ b/src/routes/console/project-[project]/functions/createVariable.svelte
@@ -42,7 +42,8 @@
             placeholder="Enter key"
             bind:value={pair.key}
             required
-            autofocus />
+            autofocus
+            autocomplete={false} />
         <InputSecret id="value" label="Value" placeholder="Enter value" bind:value={pair.value} />
     </FormList>
     <svelte:fragment slot="footer">
diff --git a/src/routes/console/project-[project]/functions/function-[function]/create.svelte b/src/routes/console/project-[project]/functions/function-[function]/create.svelte
index bd8b0aa68..be7c21ddb 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/create.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/create.svelte
@@ -143,8 +143,8 @@
             >.
         </p>
         <Collapsible>
-            {#each ['Unix', 'CMD', 'PowerShell'] as category}
-                <CollapsibleItem>
+            {#each ['Unix', 'CMD', 'PowerShell'] as category, i}
+                <CollapsibleItem open={i === 0}>
                     <svelte:fragment slot="title">{category}</svelte:fragment>
                     <Code
                         withLineNumbers