@marianmeres/stuic 3.45.0 → 3.45.3
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.
|
@@ -190,6 +190,9 @@
|
|
|
190
190
|
onClose?: () => void;
|
|
191
191
|
/** Called when any action item is selected (fallback if item has no onSelect) */
|
|
192
192
|
onSelect?: (item: DropdownMenuActionItem) => void | boolean | Promise<void | boolean>;
|
|
193
|
+
/** Reserve scrollbar space to prevent layout shift on open (useful for long lists).
|
|
194
|
+
* When undefined, auto-enables if items count >= 7. */
|
|
195
|
+
scrollbarGutter?: boolean;
|
|
193
196
|
/** Reference to trigger element */
|
|
194
197
|
triggerEl?: HTMLButtonElement;
|
|
195
198
|
/** Reference to dropdown element */
|
|
@@ -291,6 +294,7 @@
|
|
|
291
294
|
onSelect,
|
|
292
295
|
triggerEl = $bindable(),
|
|
293
296
|
dropdownEl = $bindable(),
|
|
297
|
+
scrollbarGutter,
|
|
294
298
|
noScrollLock,
|
|
295
299
|
...rest
|
|
296
300
|
}: Props = $props();
|
|
@@ -683,6 +687,8 @@
|
|
|
683
687
|
|
|
684
688
|
// Position styles for CSS Anchor Positioning
|
|
685
689
|
let dropdownStyle = $derived.by(() => {
|
|
690
|
+
const useGutter = scrollbarGutter ?? items.length >= 7;
|
|
691
|
+
const gutterStyle = useGutter ? "scrollbar-gutter: stable;" : "";
|
|
686
692
|
if (isSupported) {
|
|
687
693
|
// Use fixed height when search is enabled AND position is a "top" variant
|
|
688
694
|
// to prevent jarring resize during filtering (dropdown grows upward)
|
|
@@ -697,6 +703,7 @@
|
|
|
697
703
|
position-area: ${POSITION_MAP[position] || "bottom"};
|
|
698
704
|
margin: ${offset};
|
|
699
705
|
${heightStyle}
|
|
706
|
+
${gutterStyle}
|
|
700
707
|
`;
|
|
701
708
|
} else {
|
|
702
709
|
// Fallback: centered modal overlay
|
|
@@ -711,6 +718,7 @@
|
|
|
711
718
|
transform: translate(-50%, -50%);
|
|
712
719
|
max-width: 90vw;
|
|
713
720
|
${heightStyle}
|
|
721
|
+
${gutterStyle}
|
|
714
722
|
z-index: 50;
|
|
715
723
|
`;
|
|
716
724
|
}
|
|
@@ -159,6 +159,9 @@ export interface Props extends Omit<HTMLButtonAttributes, "children"> {
|
|
|
159
159
|
onClose?: () => void;
|
|
160
160
|
/** Called when any action item is selected (fallback if item has no onSelect) */
|
|
161
161
|
onSelect?: (item: DropdownMenuActionItem) => void | boolean | Promise<void | boolean>;
|
|
162
|
+
/** Reserve scrollbar space to prevent layout shift on open (useful for long lists).
|
|
163
|
+
* When undefined, auto-enables if items count >= 7. */
|
|
164
|
+
scrollbarGutter?: boolean;
|
|
162
165
|
/** Reference to trigger element */
|
|
163
166
|
triggerEl?: HTMLButtonElement;
|
|
164
167
|
/** Reference to dropdown element */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@marianmeres/stuic",
|
|
3
|
-
"version": "3.45.
|
|
3
|
+
"version": "3.45.3",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"!dist/**/*.test.*",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"svelte": "^5.0.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@eslint/js": "^9.39.
|
|
42
|
+
"@eslint/js": "^9.39.4",
|
|
43
43
|
"@marianmeres/random-human-readable": "^1.6.1",
|
|
44
44
|
"@sveltejs/adapter-auto": "^4.0.0",
|
|
45
45
|
"@sveltejs/kit": "^2.53.4",
|
|
@@ -49,19 +49,19 @@
|
|
|
49
49
|
"@tailwindcss/forms": "^0.5.11",
|
|
50
50
|
"@tailwindcss/typography": "^0.5.19",
|
|
51
51
|
"@tailwindcss/vite": "^4.2.1",
|
|
52
|
-
"@types/node": "^25.
|
|
52
|
+
"@types/node": "^25.4.0",
|
|
53
53
|
"dotenv": "^16.6.1",
|
|
54
|
-
"eslint": "^9.39.
|
|
54
|
+
"eslint": "^9.39.4",
|
|
55
55
|
"globals": "^16.5.0",
|
|
56
56
|
"prettier": "^3.8.1",
|
|
57
57
|
"prettier-plugin-svelte": "^3.5.1",
|
|
58
58
|
"publint": "^0.3.18",
|
|
59
|
-
"svelte": "^5.53.
|
|
60
|
-
"svelte-check": "^4.4.
|
|
59
|
+
"svelte": "^5.53.8",
|
|
60
|
+
"svelte-check": "^4.4.5",
|
|
61
61
|
"tailwindcss": "^4.2.1",
|
|
62
62
|
"tsx": "^4.21.0",
|
|
63
63
|
"typescript": "^5.9.3",
|
|
64
|
-
"typescript-eslint": "^8.
|
|
64
|
+
"typescript-eslint": "^8.57.0",
|
|
65
65
|
"vite": "^7.3.1",
|
|
66
66
|
"vitest": "^3.2.4"
|
|
67
67
|
},
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"@marianmeres/parse-boolean": "^2.0.5",
|
|
74
74
|
"@marianmeres/ticker": "^1.16.5",
|
|
75
75
|
"esm-env": "^1.2.2",
|
|
76
|
-
"libphonenumber-js": "^1.12.
|
|
76
|
+
"libphonenumber-js": "^1.12.39",
|
|
77
77
|
"runed": "^0.23.4",
|
|
78
78
|
"tailwind-merge": "^3.5.0"
|
|
79
79
|
},
|