@momo-kits/animated-tooltip 0.154.1-tooltip.21 → 0.154.1-tooltip.22

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.
Files changed (4) hide show
  1. package/PortalContext.tsx +16 -5
  2. package/index.tsx +1 -0
  3. package/package.json +1 -1
  4. package/styles.ts +6 -1
package/PortalContext.tsx CHANGED
@@ -37,23 +37,34 @@ export const PortalProvider: React.FC<{ children: ReactNode }> = ({
37
37
 
38
38
  return (
39
39
  <PortalContext.Provider value={{ addPortal, removePortal }}>
40
- {children}
41
- <View style={styles.portalHost} pointerEvents="box-none">
42
- {Array.from(portals.values())}
40
+ <View style={styles.container}>
41
+ {children}
42
+ <View
43
+ style={styles.portalHost}
44
+ pointerEvents="box-none"
45
+ collapsable={false}
46
+ renderToHardwareTextureAndroid
47
+ shouldRasterizeIOS
48
+ >
49
+ {Array.from(portals.values())}
50
+ </View>
43
51
  </View>
44
52
  </PortalContext.Provider>
45
53
  );
46
54
  };
47
55
 
48
56
  const styles = StyleSheet.create({
57
+ container: {
58
+ flex: 1,
59
+ },
49
60
  portalHost: {
50
61
  position: 'absolute',
51
62
  top: 0,
52
63
  left: 0,
53
64
  right: 0,
54
65
  bottom: 0,
55
- zIndex: 9999,
56
- elevation: 10,
66
+ zIndex: 999999,
67
+ elevation: 999,
57
68
  },
58
69
  });
59
70
 
package/index.tsx CHANGED
@@ -425,6 +425,7 @@ const Tooltip = forwardRef<TooltipRef, TooltipProps>(function Tooltip(
425
425
  const tooltipNode = (
426
426
  <Animated.View
427
427
  pointerEvents="auto"
428
+ collapsable={false}
428
429
  style={[
429
430
  {
430
431
  maxWidth: SCREEN_WIDTH - Spacing.M * 2,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@momo-kits/animated-tooltip",
3
- "version": "0.154.1-tooltip.21",
3
+ "version": "0.154.1-tooltip.22",
4
4
  "private": false,
5
5
  "main": "index.tsx",
6
6
  "dependencies": {},
package/styles.ts CHANGED
@@ -7,10 +7,15 @@ export default StyleSheet.create({
7
7
  },
8
8
  tooltip: {
9
9
  position: 'absolute',
10
- zIndex: 100,
10
+ zIndex: 999999,
11
+ elevation: 999,
11
12
  padding: Spacing.M,
12
13
  backgroundColor: Colors.black_17,
13
14
  borderRadius: Radius.S,
15
+ shadowColor: '#000',
16
+ shadowOffset: { width: 0, height: 4 },
17
+ shadowOpacity: 0.3,
18
+ shadowRadius: 8,
14
19
  },
15
20
  text: {
16
21
  color: Colors.black_01,