From 89f88bc88a54f0b4c482834f6a68e11b31a189a6 Mon Sep 17 00:00:00 2001
From: Mustafa Albaghdadi <dev.mustafa.albaghdadi@outlook.com>
Date: Mon, 5 Jun 2023 15:13:17 +0400
Subject: [PATCH] Fix Popover render issue in Android

In Android specifically, the popover is rendered incorrectly cause the it is ignoring the hight of the StatusBar, this small change would fix the issue
---
 src/components/ui/autocomplete/autocomplete.component.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/ui/autocomplete/autocomplete.component.tsx b/src/components/ui/autocomplete/autocomplete.component.tsx
index 2c82e1ed2..79ed77bed 100644
--- a/src/components/ui/autocomplete/autocomplete.component.tsx
+++ b/src/components/ui/autocomplete/autocomplete.component.tsx
@@ -256,6 +256,8 @@ const styles = StyleSheet.create({
     maxHeight: 192,
     overflow: 'hidden',
     borderWidth: 0,
+    // this is here to fix the component's popover misplacement in Android
+    marginBottom: -1 * (react_native_1.StatusBar.currentHeight || 0),
   },
   list: {
     flexGrow: 0,