From 5ea99f2e51cec5ac021a77ebc3b2d3784fce51dd Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Tue, 19 Sep 2023 10:57:56 +0800
Subject: [PATCH] render the invisbile popover offscreen

---
 src/components/PopoverWithMeasuredContent.js | 2 +-
 src/styles/styles.js                         | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/PopoverWithMeasuredContent.js b/src/components/PopoverWithMeasuredContent.js
index 492807274d1e..6b71b4a59055 100644
--- a/src/components/PopoverWithMeasuredContent.js
+++ b/src/components/PopoverWithMeasuredContent.js
@@ -149,7 +149,7 @@ function PopoverWithMeasuredContent(props) {
             but we can't measure its dimensions without first rendering it.
         */
         <View
-            style={styles.invisible}
+            style={styles.invisiblePopover}
             onLayout={measurePopover}
         >
             {props.children}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index ef69eed9c6b6..8390ee738e94 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2553,6 +2553,12 @@ const styles = (theme) => ({
         opacity: 0,
     },
 
+    invisiblePopover: {
+        position: 'absolute',
+        opacity: 0,
+        left: -9999,
+    },
+
     containerWithSpaceBetween: {
         justifyContent: 'space-between',
         width: '100%',