GeekyAnts / GeekyAnts/NativeBase

Popover is misaligned on Android putting it above the trigger

Open
#5,437 5 comments 3 reactions 0 assignees View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

Popover is misaligned and placed above trigger on Android.

### CodeSandbox/Snack link

https://snack.expo.dev/@swiftwork/popover-misaligned-android

### Steps to reproduce

```tsx
import { Box, NativeBaseProvider, Text, Popover, Pressable } from 'native-base';

export default function App() {
return (


(

Trigger

)}>



Hello there!





);
}
```

### NativeBase Version

3.4

### Platform

- [X] Android
- [ ] CRA
- [ ] Expo
- [ ] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

This might have to do with status bar size not being taken into account during modal placement calculation.

![image](https://user-images.githubusercontent.com/455178/193314259-a228dff7-a68d-4861-8957-a5831912f192.png)

Contributor guide

Open the contributing guide

Research direction

Start by running the linked Expo Snack on Android with NativeBase 3.4 and the shown Popover example. Trace the Popover placement calculation, especially the modal positioning and status-bar offset mentioned in the report; done means the placement="left" popover is positioned beside its trigger rather than above it.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.