@xsolla/xui-multi-select 0.185.6 → 0.186.0
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/native/index.js +3 -3
- package/native/index.js.map +1 -1
- package/native/index.mjs +9 -4
- package/native/index.mjs.map +1 -1
- package/package.json +5 -5
- package/web/index.js +3 -3
- package/web/index.js.map +1 -1
- package/web/index.mjs +9 -4
- package/web/index.mjs.map +1 -1
package/web/index.mjs
CHANGED
|
@@ -326,7 +326,12 @@ var Icon = ({
|
|
|
326
326
|
var isWeb = true;
|
|
327
327
|
|
|
328
328
|
// src/MultiSelect.tsx
|
|
329
|
-
import {
|
|
329
|
+
import {
|
|
330
|
+
useModalId,
|
|
331
|
+
useResolvedTheme as useResolvedTheme4,
|
|
332
|
+
useOverlayLayer,
|
|
333
|
+
LAYER_OFFSET
|
|
334
|
+
} from "@xsolla/xui-core";
|
|
330
335
|
|
|
331
336
|
// ../../foundation/icons-base/dist/web/index.mjs
|
|
332
337
|
import styled4 from "styled-components";
|
|
@@ -2240,6 +2245,7 @@ var MultiSelect = forwardRef4(
|
|
|
2240
2245
|
}, ref) => {
|
|
2241
2246
|
const { theme } = useResolvedTheme4({ themeMode, themeProductContext });
|
|
2242
2247
|
const modalId = useModalId();
|
|
2248
|
+
const overlayLayer = useOverlayLayer();
|
|
2243
2249
|
const controlRef = useRef4(null);
|
|
2244
2250
|
const menuRef = useRef4(null);
|
|
2245
2251
|
const containerRef = useRef4(null);
|
|
@@ -2372,7 +2378,7 @@ var MultiSelect = forwardRef4(
|
|
|
2372
2378
|
left: 0,
|
|
2373
2379
|
right: 0,
|
|
2374
2380
|
bottom: 0,
|
|
2375
|
-
zIndex:
|
|
2381
|
+
zIndex: overlayLayer + LAYER_OFFSET.menu,
|
|
2376
2382
|
cursor: "default"
|
|
2377
2383
|
},
|
|
2378
2384
|
onPress: onClose
|
|
@@ -2397,8 +2403,7 @@ var MultiSelect = forwardRef4(
|
|
|
2397
2403
|
right: isWeb ? void 0 : 0,
|
|
2398
2404
|
width: isWeb ? menuPosition?.width : void 0,
|
|
2399
2405
|
marginTop: isWeb ? void 0 : 4,
|
|
2400
|
-
zIndex:
|
|
2401
|
-
// Above control (1000) and backdrop (999)
|
|
2406
|
+
zIndex: overlayLayer + LAYER_OFFSET.popover,
|
|
2402
2407
|
boxShadow: theme.shadow.popover
|
|
2403
2408
|
},
|
|
2404
2409
|
children: [
|