From 86a0249a94a1fe909e928d47f188399c76f706ad Mon Sep 17 00:00:00 2001
From: SteffeyDev <steffeydev@icloud.com>
Date: Fri, 11 Mar 2022 21:55:16 -0500
Subject: [PATCH] #15 overflow: visible when popoverStyle includes shadow

---
 src/Popover.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Popover.tsx b/src/Popover.tsx
index 494d4d7..10af045 100644
--- 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 },