@ibobbyts/svelte-ui-utils 0.3.5 → 0.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
export let placement: DropdownPlacement = 'auto';
|
|
26
26
|
export let menuAlign: DropdownMenuAlign = 'left';
|
|
27
27
|
export let fitViewport = true;
|
|
28
|
-
export let fitContent =
|
|
28
|
+
export let fitContent = true;
|
|
29
29
|
export let disabled = false;
|
|
30
30
|
export let width: string | undefined = undefined;
|
|
31
31
|
export let minWidth: string | undefined = undefined;
|
|
@@ -274,6 +274,11 @@
|
|
|
274
274
|
? rect.top - viewportMargin - menuGap
|
|
275
275
|
: window.innerHeight - rect.bottom - viewportMargin - menuGap;
|
|
276
276
|
viewportPanelMaxHeight = `${Math.max(0, Math.floor(available))}px`;
|
|
277
|
+
// Portal menus are moved under document.body, so the reactive style
|
|
278
|
+
// binding on the original root cannot reach them before this measurement.
|
|
279
|
+
// Apply the value directly first; otherwise the first upward open can
|
|
280
|
+
// measure the fallback 100vh height and place the menu above the viewport.
|
|
281
|
+
menuElement?.style.setProperty('--suu-dropdown-panel-max-height', viewportPanelMaxHeight);
|
|
277
282
|
updatePortalPosition(rect);
|
|
278
283
|
}
|
|
279
284
|
|
|
@@ -412,6 +417,7 @@
|
|
|
412
417
|
style:--suu-dropdown-menu-left={portalMenuLeft}
|
|
413
418
|
style:--suu-dropdown-menu-right={portalMenuRight}
|
|
414
419
|
style:--suu-dropdown-menu-width={portalMenuWidth}
|
|
420
|
+
style:--suu-dropdown-panel-max-height={viewportPanelMaxHeight}
|
|
415
421
|
>
|
|
416
422
|
<div
|
|
417
423
|
class="suu-dropdown__panel"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown/Dropdown.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAER,iBAAiB,EAGjB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,8BAA8B,EAC9B,iBAAiB,EACjB,2BAA2B,EAE5B,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown/Dropdown.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAER,iBAAiB,EAGjB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,8BAA8B,EAC9B,iBAAiB,EACjB,2BAA2B,EAE5B,MAAM,YAAY,CAAC;AAkatB,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,QAAQ;SAVmZ,MAAM,GAAG,SAAS;YAAU,iBAAiB;;cAA8C,cAAc,EAAE;mBAAiB,mBAAmB,EAAE,GAAG,SAAS;gBAAc,MAAM,GAAG,SAAS;gBAAc,iBAAiB;gBAAc,iBAAiB;;;;YAAwG,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;gBAAc,MAAM,GAAG,SAAS;;eAAqC,8BAA8B,GAAG,SAAS;qBAAmB,2BAA2B,GAAG,SAAS;;;kBAUh6B,CAAC;AAC5E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}
|
package/package.json
CHANGED