#15 overflow: visible when popoverStyle includes shadow

SteffeyDev · Mar 12, 2022 · 86a0249 · 86a0249
1 parent d268481
commit 86a0249
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/Popover.tsx b/src/Popover.tsx
@@ -1152,10 +1152,18 @@ class BasePopover extends Component<BasePopoverProps, BasePopoverState> {
       opacity: animatedValues.fade
     };
 
+    const flattenedPopoverStyle = StyleSheet.flatten(popoverStyle);
     const popoverViewStyle = {
       ...styles.dropShadow,
       ...styles.popoverContent,
-      ...StyleSheet.flatten(popoverStyle),
+      ...flattenedPopoverStyle,
+      ...(
+        flattenedPopoverStyle.shadowColor ||
+        flattenedPopoverStyle.shadowOpacity ||
+        flattenedPopoverStyle.shadowRadius ||
+        flattenedPopoverStyle.shadowOffset
+          ? { overflow: 'visible' as const }
+          : {}),
       transform: [
         { translateX: animatedValues.translate.x },
         { translateY: animatedValues.translate.y },