bits-ui 2.15.5 → 2.15.6
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.
- package/dist/bits/dialog/dialog.svelte.d.ts +1 -1
- package/dist/bits/dialog/dialog.svelte.js +4 -3
- package/dist/bits/menu/menu.svelte.d.ts +1 -1
- package/dist/bits/menu/menu.svelte.js +1 -1
- package/dist/bits/popover/popover.svelte.d.ts +1 -1
- package/dist/bits/popover/popover.svelte.js +1 -1
- package/package.json +1 -1
|
@@ -148,7 +148,7 @@ export declare class DialogContentState {
|
|
|
148
148
|
readonly outline: "none" | undefined;
|
|
149
149
|
readonly "--bits-dialog-depth": number;
|
|
150
150
|
readonly "--bits-dialog-nested-count": number;
|
|
151
|
-
readonly contain: "layout style
|
|
151
|
+
readonly contain: "layout style";
|
|
152
152
|
};
|
|
153
153
|
readonly tabindex: -1 | undefined;
|
|
154
154
|
readonly "data-nested-open": "" | undefined;
|
|
@@ -272,9 +272,10 @@ export class DialogContentState {
|
|
|
272
272
|
outline: this.root.opts.variant.current === "alert-dialog" ? "none" : undefined,
|
|
273
273
|
"--bits-dialog-depth": this.root.depth,
|
|
274
274
|
"--bits-dialog-nested-count": this.root.nestedOpenCount,
|
|
275
|
-
// CSS containment isolates style/layout
|
|
276
|
-
// improving performance when there's a large DOM behind the dialog
|
|
277
|
-
|
|
275
|
+
// CSS containment isolates style/layout calculations from the rest of the page,
|
|
276
|
+
// improving performance when there's a large DOM behind the dialog.
|
|
277
|
+
// Paint is omitted so tooltips/selects can render outside dialog bounds.
|
|
278
|
+
contain: "layout style",
|
|
278
279
|
},
|
|
279
280
|
tabindex: this.root.opts.variant.current === "alert-dialog" ? -1 : undefined,
|
|
280
281
|
"data-nested-open": boolToEmptyStrOrUndef(this.root.nestedOpenCount > 0),
|
|
@@ -325,7 +325,7 @@ export class MenuContentState {
|
|
|
325
325
|
style: {
|
|
326
326
|
pointerEvents: "auto",
|
|
327
327
|
// CSS containment isolates style/layout/paint calculations from the rest of the page
|
|
328
|
-
contain: "layout style
|
|
328
|
+
contain: "layout style",
|
|
329
329
|
},
|
|
330
330
|
...this.attachment,
|
|
331
331
|
}));
|
|
@@ -92,7 +92,7 @@ export declare class PopoverContentState {
|
|
|
92
92
|
readonly "data-state": "open" | "closed";
|
|
93
93
|
readonly style: {
|
|
94
94
|
readonly pointerEvents: "auto";
|
|
95
|
-
readonly contain: "layout style
|
|
95
|
+
readonly contain: "layout style";
|
|
96
96
|
};
|
|
97
97
|
readonly onpointerdown: (_: BitsPointerEvent) => void;
|
|
98
98
|
readonly onfocusin: (e: BitsFocusEvent) => void;
|
|
@@ -329,7 +329,7 @@ export class PopoverContentState {
|
|
|
329
329
|
style: {
|
|
330
330
|
pointerEvents: "auto",
|
|
331
331
|
// CSS containment isolates style/layout/paint calculations from the rest of the page
|
|
332
|
-
contain: "layout style
|
|
332
|
+
contain: "layout style",
|
|
333
333
|
},
|
|
334
334
|
onpointerdown: this.onpointerdown,
|
|
335
335
|
onfocusin: this.onfocusin,
|