@jsekulowicz/ds-components 0.9.8 → 0.9.9

package/custom-elements.json

@@ -5544,7 +5544,7 @@
         {
           "kind": "variable",
           "name": "selectCommonStyles",
-          "default": "css` :host { display: inline-flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } .control-wrap { position: relative; width: 100%; } .trigger { display: flex; align-items: center; gap: var(--ds-space-2); width: 100%; height: var(--ds-size-md); padding: 0 var(--ds-space-3); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .trigger:hover { border-color: var(--ds-color-fg-subtle); } :host([invalid]) .trigger { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .trigger:is(:focus-visible, :focus-within) { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .trigger { opacity: 0.5; background: var(--ds-color-bg-subtle); cursor: not-allowed; pointer-events: none; } .trigger-multiple { height: auto; min-height: var(--ds-size-md); padding: 6px var(--ds-space-3); flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); overflow: visible; } .tiles { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); min-width: 0; } .tile { display: inline-flex; align-items: center; gap: var(--ds-space-1); height: 24px; padding: 0 var(--ds-space-1) 0 var(--ds-space-2); background: var(--ds-color-bg-subtle); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-xs); color: var(--ds-color-fg); font-size: var(--ds-font-size-xs); white-space: nowrap; } .tile-focused { border-color: var(--ds-color-accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent); } .tile-overflow { padding: 0 var(--ds-space-2); background: var(--ds-color-accent-subtle); border-color: var(--ds-color-accent); color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } .tile-label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; } .tile-remove, .clear-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; color: var(--ds-color-fg-muted); cursor: pointer; border-radius: var(--ds-radius-xs); flex-shrink: 0; } .tile-remove { width: 14px; height: 14px; } .tile-remove:hover { color: var(--ds-color-fg); background: var(--ds-color-border); } .tile-remove svg { width: 10px; height: 10px; } .leading { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); flex-shrink: 0; } .leading[hidden] { display: none; } .clear-btn { width: 1.2rem; height: 1.2rem; } .clear-btn:hover { color: var(--ds-color-fg); } .clear-btn:focus-visible { box-shadow: var(--ds-shadow-focus); } .clear-btn svg { width: 1rem; height: 1rem; } .caret { width: 1.2rem; height: 1.2rem; color: var(--ds-color-fg-muted); pointer-events: none; flex-shrink: 0; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .listbox { position: absolute; inset: calc(100% + var(--ds-space-1)) 0 auto; z-index: 100; max-height: 240px; overflow-y: auto; background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); } `"
+          "default": "css` :host { display: inline-flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } .control-wrap { position: relative; width: 100%; } .trigger { display: flex; align-items: center; gap: var(--ds-space-2); width: 100%; height: var(--ds-size-md); padding: 0 var(--ds-space-3); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .trigger:hover { border-color: var(--ds-color-fg-subtle); } :host([invalid]) .trigger { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .trigger:is(:focus-visible, :focus-within) { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .trigger { opacity: 0.5; background: var(--ds-color-bg-subtle); cursor: not-allowed; pointer-events: none; } .trigger-multiple { height: auto; min-height: var(--ds-size-md); padding: 6px var(--ds-space-3); flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); overflow: visible; } .tiles { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); min-width: 0; } .tile { display: inline-flex; align-items: center; gap: var(--ds-space-1); height: 24px; padding: 0 var(--ds-space-1) 0 var(--ds-space-2); background: var(--ds-color-bg-subtle); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-xs); color: var(--ds-color-fg); font-size: var(--ds-font-size-xs); white-space: nowrap; } .tile-focused { border-color: var(--ds-color-accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent); } .tile-overflow { padding: 0 var(--ds-space-2); background: var(--ds-color-accent-subtle); border-color: var(--ds-color-accent); color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } .tile-label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; } .tile-remove, .clear-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; color: var(--ds-color-fg-muted); cursor: pointer; border-radius: var(--ds-radius-xs); flex-shrink: 0; } .tile-remove { width: 14px; height: 14px; } .tile-remove:hover { color: var(--ds-color-fg); background: var(--ds-color-border); } .tile-remove svg { width: 10px; height: 10px; } .leading { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); flex-shrink: 0; } .leading[hidden] { display: none; } .clear-btn { width: 1.2rem; height: 1.2rem; } .clear-btn:hover { color: var(--ds-color-fg); } .clear-btn:focus-visible { box-shadow: var(--ds-shadow-focus); } .clear-btn svg { width: 1rem; height: 1rem; } .caret { width: 1.2rem; height: 1.2rem; color: var(--ds-color-fg-muted); pointer-events: none; flex-shrink: 0; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .listbox { /* Default in-flow positioning is the fallback for browsers that don't support the Popover API. When the API is available the listbox is shown via showPopover() and JS sets inline position/top/left/min-width — see DsSelect.#positionListbox. That escapes any overflow:hidden / overflow:auto ancestor (dialogs, scroll containers) by placing the listbox in the browser's top layer. */ position: absolute; inset: calc(100% + var(--ds-space-1)) 0 auto; z-index: 100; max-height: 240px; overflow-y: auto; background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); } /* Reset the UA defaults that the popover spec applies to shown popovers (inset:0, margin:auto, padding:0.25em). The inline coords from #positionListbox take care of placement; padding would just visually pad the listbox content. */ .listbox[popover]:popover-open { inset: unset; margin: 0; padding: 0; } `"
         }
       ],
       "exports": [
@@ -5965,6 +5965,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_triggerEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_tilesEl",
@@ -5973,6 +5981,20 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "#reposition",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#listenersInstalled",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "#dropdown",
@@ -6031,6 +6053,46 @@
                 "text": "boolean"
               }
             },
+            {
+              "kind": "method",
+              "name": "#syncListboxPopover",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#positionListbox",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#installPopoverListeners",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#teardownPopoverListeners",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "#selectOption",
@@ -12227,7 +12289,7 @@
         {
           "kind": "variable",
           "name": "dialogStyles",
-          "default": "css` :host { display: contents; } dialog { padding: 0; border: 0; background: transparent; color: inherit; width: 100%; max-height: min(90vh, 720px); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); overflow: visible; } :host([size='sm']) dialog { max-width: 400px; } :host([size='md']) dialog { max-width: 560px; } :host([size='lg']) dialog { max-width: 800px; } dialog::backdrop { background: rgb(15 23 42 / 0.55); backdrop-filter: blur(2px); } ds-card { height: 100%; } ds-card::part(card) { height: 100%; max-height: 100%; box-shadow: none; border-color: transparent; gap: var(--ds-space-3); } ds-card::part(body) { flex: 1; min-height: 0; overflow-y: auto; } .title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ds-space-3); } .title-text { margin: 0; flex: 1; font-family: var(--ds-font-display); font-size: var(--ds-font-size-xl); font-weight: var(--ds-font-weight-semibold); letter-spacing: var(--ds-letter-spacing-display); } .close-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: calc(var(--ds-space-1) * -1); border: 0; border-radius: var(--ds-radius-sm); background: transparent; color: var(--ds-color-fg-subtle, var(--ds-color-fg)); cursor: pointer; transition: background-color var(--ds-duration-fast) var(--ds-easing-standard); } .close-btn:hover { background: var(--ds-color-bg-subtle, rgb(0 0 0 / 0.05)); color: var(--ds-color-fg); } .footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--ds-space-2); } `"
+          "default": "css` :host { display: contents; } dialog { padding: 0; border: 0; background: transparent; color: inherit; width: 100%; max-height: min(90vh, 720px); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); overflow: visible; } :host([size='sm']) dialog { max-width: 400px; } :host([size='md']) dialog { max-width: 560px; } :host([size='lg']) dialog { max-width: 800px; } dialog::backdrop { background: rgb(15 23 42 / 0.55); backdrop-filter: blur(2px); } ds-card { height: 100%; } ds-card::part(card) { height: 100%; max-height: 100%; box-shadow: none; border-color: transparent; gap: var(--ds-space-3); } ds-card::part(body) { flex: 1; min-height: 0; overflow-y: auto; } .title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ds-space-3); } .title-text { margin: 0; flex: 1; font-family: var(--ds-font-display); font-size: var(--ds-font-size-xl); font-weight: var(--ds-font-weight-semibold); letter-spacing: var(--ds-letter-spacing-display); } /* Slotted heading tags (h1-h6, etc.) carry UA defaults that compound on top of .title-text — a bigger font-size and large vertical margins. Normalise them so 'Foo', '<h2 slot=\"title\">Foo</h2>' and '<span slot=\"title\">Foo</span>' all render identically. */ .title-text ::slotted(*) { font: inherit; margin: 0; letter-spacing: inherit; } .close-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: calc(var(--ds-space-1) * -1); border: 0; border-radius: var(--ds-radius-sm); background: transparent; color: var(--ds-color-fg-subtle, var(--ds-color-fg)); cursor: pointer; transition: background-color var(--ds-duration-fast) var(--ds-easing-standard); } .close-btn:hover { background: var(--ds-color-bg-subtle, rgb(0 0 0 / 0.05)); color: var(--ds-color-fg); } .footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--ds-space-2); } `"
         }
       ],
       "exports": [

package/dist/atoms/select/select.common-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAkJ9B,CAAC"}
+{"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAmK9B,CAAC"}

package/dist/atoms/select/select.common-styles.js

@@ -135,6 +135,13 @@ export const selectCommonStyles = css `
     transition: transform var(--ds-duration-fast) var(--ds-easing-standard);
   }
   .listbox {
+    /* Default in-flow positioning is the fallback for browsers that
+       don't support the Popover API. When the API is available the
+       listbox is shown via showPopover() and JS sets inline
+       position/top/left/min-width — see DsSelect.#positionListbox.
+       That escapes any overflow:hidden / overflow:auto ancestor
+       (dialogs, scroll containers) by placing the listbox in the
+       browser's top layer. */
     position: absolute;
     inset: calc(100% + var(--ds-space-1)) 0 auto;
     z-index: 100;
@@ -145,5 +152,15 @@ export const selectCommonStyles = css `
     border-radius: var(--ds-radius-sm);
     box-shadow: var(--ds-shadow-md);
   }
+
+  /* Reset the UA defaults that the popover spec applies to shown
+     popovers (inset:0, margin:auto, padding:0.25em). The inline coords
+     from #positionListbox take care of placement; padding would just
+     visually pad the listbox content. */
+  .listbox[popover]:popover-open {
+    inset: unset;
+    margin: 0;
+    padding: 0;
+  }
 `;
 //# sourceMappingURL=select.common-styles.js.map

package/dist/atoms/select/select.common-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJpC,CAAC"}
+{"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKpC,CAAC"}

package/dist/atoms/select/select.d.ts

@@ -29,6 +29,7 @@ export declare class DsSelect extends DsSelect_base {
     values: string[];
     maxLines?: number;
     private _listboxEl?;
+    private _triggerEl?;
     private _tilesEl?;
     get _open(): boolean;
     get _focusedIndex(): number;
@@ -42,8 +43,8 @@ export declare class DsSelect extends DsSelect_base {
     get _overflowCheckQueued(): boolean;
     set _overflowCheckQueued(value: boolean);
     updated(changed: PropertyValues): void;
-    connectedCallback(): void;
     disconnectedCallback(): void;
+    connectedCallback(): void;
     render(): TemplateResult;
 }
 export {};

package/dist/atoms/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AAanE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;AAED;;;;;;;GAOG;AACH,qBAAa,QAAS,SAAQ,aAA2B;;IACvD,OAAgB,MAAM,4BAA4E;IAClG,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEyB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC5C,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,SAAS,UAAS;IACnC,MAAM,EAAE,MAAM,EAAE,CAAM;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,UAAU,CAAC,CAAc;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAkBhD,IAAI,KAAK,IAAI,OAAO,CAAgC;IACpD,IAAI,aAAa,IAAI,MAAM,CAAwC;IACnE,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAA0C;IACzE,IAAI,iBAAiB,IAAI,MAAM,CAA4C;IAC3E,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAA8C;IACjF,IAAI,UAAU,IAAI,MAAM,CAAqC;IAC7D,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAAuC;IACnE,IAAI,WAAW,IAAI,OAAO,CAAsC;IAChE,IAAI,cAAc,IAAI,MAAM,CAAyC;IACrE,IAAI,oBAAoB,IAAI,OAAO,CAA+C;IAClF,IAAI,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAiD;IAE/E,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYtC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IA2F5B,MAAM,IAAI,cAAc;CAkElC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AAanE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;AAED;;;;;;;GAOG;AACH,qBAAa,QAAS,SAAQ,aAA2B;;IACvD,OAAgB,MAAM,4BAA4E;IAClG,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEyB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC5C,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,SAAS,UAAS;IACnC,MAAM,EAAE,MAAM,EAAE,CAAM;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,UAAU,CAAC,CAAc;IACjC,OAAO,CAAC,UAAU,CAAC,CAAc;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAqBhD,IAAI,KAAK,IAAI,OAAO,CAAgC;IACpD,IAAI,aAAa,IAAI,MAAM,CAAwC;IACnE,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAA0C;IACzE,IAAI,iBAAiB,IAAI,MAAM,CAA4C;IAC3E,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAA8C;IACjF,IAAI,UAAU,IAAI,MAAM,CAAqC;IAC7D,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAAuC;IACnE,IAAI,WAAW,IAAI,OAAO,CAAsC;IAChE,IAAI,cAAc,IAAI,MAAM,CAAyC;IACrE,IAAI,oBAAoB,IAAI,OAAO,CAA+C;IAClF,IAAI,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAiD;IAE/E,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,oBAAoB,IAAI,IAAI;IA4D5B,iBAAiB,IAAI,IAAI;IA4FzB,MAAM,IAAI,cAAc;CAmElC"}

package/dist/atoms/select/select.js

@@ -35,6 +35,8 @@ export class DsSelect extends FormControlMixin(DsElement) {
         this.multiple = false;
         this.clearable = false;
         this.values = [];
+        this.#reposition = () => this.#positionListbox();
+        this.#listenersInstalled = false;
         this.#dropdown = new DropdownController(this, {
             getOptions: () => this.options,
             getCurrentValue: () => (typeof this.value === 'string' ? this.value : ''),
@@ -137,6 +139,8 @@ export class DsSelect extends FormControlMixin(DsElement) {
         ...LitElement.shadowRootOptions,
         delegatesFocus: true,
     }; }
+    #reposition;
+    #listenersInstalled;
     #dropdown;
     /* test-facing forwarders to controller state */
     get _open() { return this.#dropdown.open; }
@@ -160,16 +164,74 @@ export class DsSelect extends FormControlMixin(DsElement) {
             this.#dropdown.queueOverflowCheck();
         }
         this.#dropdown.syncScrollTop();
+        this.#syncListboxPopover();
+    }
+    disconnectedCallback() {
+        this.#teardownPopoverListeners();
+        super.disconnectedCallback();
+        this.#dropdown.close();
+    }
+    // The listbox uses `popover="manual"` so the browser hoists it to the
+    // top layer when shown, escaping any `overflow: hidden` / `overflow:
+    // auto` ancestor (dialogs, scroll containers). Top-layer elements
+    // don't get cross-browser anchor positioning yet, so we set
+    // `position: fixed` from the trigger's bounding rect and re-position
+    // on scroll/resize while open.
+    #syncListboxPopover() {
+        const listbox = this._listboxEl;
+        if (!listbox || !this.#dropdown.open) {
+            this.#teardownPopoverListeners();
+            return;
+        }
+        if (typeof listbox.showPopover !== 'function')
+            return;
+        if (!listbox.matches(':popover-open'))
+            listbox.showPopover();
+        this.#positionListbox();
+        this.#installPopoverListeners();
+    }
+    #positionListbox() {
+        const trigger = this._triggerEl;
+        const listbox = this._listboxEl;
+        if (!trigger || !listbox)
+            return;
+        const rect = trigger.getBoundingClientRect();
+        const gap = 4;
+        const viewport = window.innerHeight;
+        const naturalHeight = Math.min(listbox.scrollHeight, 240);
+        const openUp = viewport - rect.bottom - gap < naturalHeight && rect.top > viewport - rect.bottom;
+        listbox.style.left = `${Math.max(0, rect.left)}px`;
+        listbox.style.minWidth = `${rect.width}px`;
+        if (openUp) {
+            listbox.style.top = '';
+            listbox.style.bottom = `${viewport - rect.top + gap}px`;
+        }
+        else {
+            listbox.style.bottom = '';
+            listbox.style.top = `${rect.bottom + gap}px`;
+        }
+    }
+    #installPopoverListeners() {
+        if (this.#listenersInstalled)
+            return;
+        // Capture mode so scroll on any ancestor (dialog body, page-shell
+        // main, etc.) keeps the menu glued to the trigger, not just window.
+        window.addEventListener('scroll', this.#reposition, { capture: true, passive: true });
+        window.addEventListener('resize', this.#reposition);
+        this.#listenersInstalled = true;
+    }
+    #teardownPopoverListeners() {
+        if (!this.#listenersInstalled)
+            return;
+        window.removeEventListener('scroll', this.#reposition, { capture: true });
+        window.removeEventListener('resize', this.#reposition);
+        this.#listenersInstalled = false;
     }
     connectedCallback() {
         super.connectedCallback();
         if (!this.label)
             console.warn('<ds-select>: the `label` property is required for accessibility.');
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.#dropdown.close();
-    }
     #selectOption;
     #clear;
     #onClearKeydown;
@@ -223,6 +285,7 @@ export class DsSelect extends FormControlMixin(DsElement) {
               class="listbox"
               part="listbox"
               role="listbox"
+              popover="manual"
               aria-multiselectable=${this.multiple ? 'true' : 'false'}
               @scroll=${this.#dropdown.onScroll}
               @ds-activate=${(event) => event.stopPropagation()}
@@ -268,6 +331,9 @@ __decorate([
 __decorate([
     query('.listbox')
 ], DsSelect.prototype, "_listboxEl", void 0);
+__decorate([
+    query('#trigger')
+], DsSelect.prototype, "_triggerEl", void 0);
 __decorate([
     query('.tiles')
 ], DsSelect.prototype, "_tilesEl", void 0);

package/dist/atoms/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"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"}

package/dist/molecules/dialog/dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog/dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAiFxB,CAAC"}
+{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog/dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA0FxB,CAAC"}

package/dist/molecules/dialog/dialog.styles.js

@@ -56,6 +56,15 @@ export const dialogStyles = css `
     font-weight: var(--ds-font-weight-semibold);
     letter-spacing: var(--ds-letter-spacing-display);
   }
+  /* Slotted heading tags (h1-h6, etc.) carry UA defaults that
+     compound on top of .title-text — a bigger font-size and large
+     vertical margins. Normalise them so 'Foo', '<h2 slot="title">Foo</h2>'
+     and '<span slot="title">Foo</span>' all render identically. */
+  .title-text ::slotted(*) {
+    font: inherit;
+    margin: 0;
+    letter-spacing: inherit;
+  }
   .close-btn {
     display: inline-flex;
     align-items: center;

package/dist/molecules/dialog/dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../src/molecules/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiF9B,CAAC"}
+{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../src/molecules/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0F9B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsekulowicz/ds-components",
-  "version": "0.9.8",
+  "version": "0.9.9",
   "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
   "license": "UNLICENSED",
   "repository": {