fix: bubbling on enter a11y

src/lib/components/modal.svelte

@@ -63,7 +63,7 @@
         class="modal-curtain"
         data-curtain
         on:click={handleBLur}
-        on:keyup={clickOnEnter}
+        on:keyup|self={clickOnEnter}
         transition:fade={transitionFade}>
         <section
             class:is-small={size === 'small'}

src/lib/components/step.svelte

@@ -12,7 +12,7 @@
 
 <li
     on:click|preventDefault
-    on:keyup={clickOnEnter}
+    on:keyup|self={clickOnEnter}
     class:steps-item={!isSub}
     class:steps-sub-item={isSub}
     style={`cursor: ${completed ? 'pointer' : 'default'};`}

src/lib/helpers/a11y.ts

@@ -1,9 +1,9 @@
 export function clickOnEnter(
     event: KeyboardEvent & {
-        currentTarget: HTMLElement;
+        currentTarget: EventTarget & HTMLElement;
     }
 ) {
-    if (event.key === 'Enter' && event.target === event.currentTarget) {
+    if (event.key === 'Enter' && event.currentTarget.contains(event.target as Node)) {
         event.preventDefault();
         event.currentTarget.click();
     }

src/routes/console/project-[project]/authentication/security/+page.svelte

@@ -115,7 +115,7 @@
                     <div
                         class="input-text-wrapper u-stretch"
                         on:click={() => (isLimited = 'limited')}
-                        on:keyup={clickOnEnter}>
+                        on:keyup|self={clickOnEnter}>
                         <input
                             type="number"
                             name="limit"