@geoffcox/sterling-svelte 2.0.16 → 2.0.17

package/dist/Dialog.svelte

@@ -2,7 +2,6 @@
 
 <script lang="ts">
   import { onMount, setContext, tick } from 'svelte';
-  import type { FormEventHandler } from 'svelte/elements';
   import Button from './Button.svelte';
   import { STERLING_PORTAL_CONTEXT_ID } from './Portal.constants';
   import type { PortalContext } from './Portal.types';
@@ -25,7 +24,6 @@
 
   let dialogRef: HTMLDialogElement;
   let contentRef: HTMLDivElement;
-  let formRef: HTMLFormElement;
 
   // svelte-ignore non_reactive_update
   let closing = false;
@@ -103,29 +101,6 @@
     return false;
   };
 
-  const onSubmit: FormEventHandler<HTMLFormElement> = (event) => {
-    // Submitting a form instantly hides the dialog.
-    // The dialog.close event is not cancellable, but form.submit is.
-    // To allow animation with closeDialog, this event is canceled.
-    // The form is resubmitted after the dialog closes to ensure the form is in the correct state.
-    const anyEvent = event as unknown as any;
-    if (anyEvent?.submitter.type === 'submit') {
-      if (dialogRef.open) {
-        const eventSubmitter = anyEvent?.submitter;
-        returnValue = eventSubmitter?.value ?? '';
-        closeDialog();
-        setTimeout(() => {
-          formRef.requestSubmit(eventSubmitter);
-        }, dialogFadeDuration);
-        event.preventDefault();
-        return false;
-      }
-    } else {
-      event.preventDefault();
-      return false;
-    }
-  };
-
   $effect(() => {
     updateDialog(open);
   });
@@ -153,39 +128,37 @@
   class:closing
   {...rest}
 >
-  <form method="dialog" bind:this={formRef} onsubmit={onSubmit}>
-    <div class="content" bind:this={contentRef}>
-      {#if content}
-        {@render content()}
-      {:else}
-        <div class="header">
-          {#if header}
-            {@render header()}
-          {:else}
-            <div class="title">
-              {#if headerTitle}
-                {#if typeof headerTitle === 'string'}
-                  {headerTitle}
-                {:else}
-                  {@render headerTitle()}
-                {/if}
+  <div class="content" bind:this={contentRef}>
+    {#if content}
+      {@render content()}
+    {:else}
+      <div class="header">
+        {#if header}
+          {@render header()}
+        {:else}
+          <div class="title">
+            {#if headerTitle}
+              {#if typeof headerTitle === 'string'}
+                {headerTitle}
+              {:else}
+                {@render headerTitle()}
               {/if}
-            </div>
-            <div class="close">
-              <Button class="circular tool" onclick={() => closeDialog()}>
-                <div class="close-x"></div>
-              </Button>
-            </div>
-          {/if}
-        </div>
-        <div class="body">
-          {@render body?.()}
-        </div>
-        <div class="separator"></div>
-        <div class="footer">
-          {@render footer?.()}
-        </div>
-      {/if}
-    </div>
-  </form>
+            {/if}
+          </div>
+          <div class="close">
+            <Button class="circular tool" onclick={() => closeDialog()}>
+              <div class="close-x"></div>
+            </Button>
+          </div>
+        {/if}
+      </div>
+      <div class="body">
+        {@render body?.()}
+      </div>
+      <div class="separator"></div>
+      <div class="footer">
+        {@render footer?.()}
+      </div>
+    {/if}
+  </div>
 </dialog>

package/dist/Select.svelte

@@ -222,7 +222,13 @@
       <div class="chevron"></div>
     {/if}
   </div>
-  <Popover id={popoverId} reference={selectRef} bind:open conditionalRender={false}>
+  <Popover
+    id={popoverId}
+    placement="bottom-start"
+    reference={selectRef}
+    bind:open
+    conditionalRender={false}
+  >
     <div class={['sterling-select-popup-content', 'sterling-select-content', _class]}>
       <List
         bind:this={listRef}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "2.0.16",
+  "version": "2.0.17",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -74,7 +74,7 @@
     "@eslint/js": "^9.18.0",
     "@fontsource/atkinson-hyperlegible": "^5.1.1",
     "@fontsource/source-code-pro": "^4.5.14",
-    "@geoffcox/sterling-svelte-themes": "^2.0.12",
+    "@geoffcox/sterling-svelte-themes": "^2.0.16",
     "@sveltejs/adapter-static": "^3.0.8",
     "@sveltejs/kit": "^2.16.0",
     "@sveltejs/package": "^2.0.0",