GeekyAnts / GeekyAnts/NativeBase
Popover is misaligned on Android putting it above the trigger
- 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.

Contributor 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