@xsolla/xui-multi-select 0.185.5 → 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.mjs CHANGED
@@ -286,7 +286,12 @@ var Icon = ({
286
286
  var isWeb = false;
287
287
 
288
288
  // src/MultiSelect.tsx
289
- import { useModalId, useResolvedTheme as useResolvedTheme4 } from "@xsolla/xui-core";
289
+ import {
290
+ useModalId,
291
+ useResolvedTheme as useResolvedTheme4,
292
+ useOverlayLayer,
293
+ LAYER_OFFSET
294
+ } from "@xsolla/xui-core";
290
295
 
291
296
  // ../../foundation/icons-base/dist/web/index.mjs
292
297
  import styled from "styled-components";
@@ -2194,6 +2199,7 @@ var MultiSelect = forwardRef4(
2194
2199
  }, ref) => {
2195
2200
  const { theme } = useResolvedTheme4({ themeMode, themeProductContext });
2196
2201
  const modalId = useModalId();
2202
+ const overlayLayer = useOverlayLayer();
2197
2203
  const controlRef = useRef4(null);
2198
2204
  const menuRef = useRef4(null);
2199
2205
  const containerRef = useRef4(null);
@@ -2326,7 +2332,7 @@ var MultiSelect = forwardRef4(
2326
2332
  left: 0,
2327
2333
  right: 0,
2328
2334
  bottom: 0,
2329
- zIndex: 999,
2335
+ zIndex: overlayLayer + LAYER_OFFSET.menu,
2330
2336
  cursor: "default"
2331
2337
  },
2332
2338
  onPress: onClose
@@ -2351,8 +2357,7 @@ var MultiSelect = forwardRef4(
2351
2357
  right: isWeb ? void 0 : 0,
2352
2358
  width: isWeb ? menuPosition?.width : void 0,
2353
2359
  marginTop: isWeb ? void 0 : 4,
2354
- zIndex: 1001,
2355
- // Above control (1000) and backdrop (999)
2360
+ zIndex: overlayLayer + LAYER_OFFSET.popover,
2356
2361
  boxShadow: theme.shadow.popover
2357
2362
  },
2358
2363
  children: [