callstack / callstack/react-native-paper

Data Table Pagination Dropdown bugs out on web when its almost at the end of the screen height

Open
#4,285 0 comments 0 reactions 0 assignees View on GitHub
bug DataTable
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
(https://jam.dev/c/b91df2a7-fdde-4086-adb1-a511f1a69420)
When Data Table Pagination is almost at the end of the screen, it doesn't open all the time.

### Expected behaviour
Ideally it should open above but I guess it's trying to open below and fail and hence close.

### How to reproduce?
Create a Data Table with Pagination and increase height so it extends almost to the end of the screen, or use the below snack link:
https://snack.expo.dev/9Gsilnvi0tLPtdTisgBNc

Render the web view and expand it to full screen and watch the row count dropdown menu flicker while trying to update value.

### Preview
(https://jam.dev/c/b91df2a7-fdde-4086-adb1-a511f1a69420)

### What have you tried so far?
Tried adding ScrollViews but doesn't help. Also no props are allowed to change anchor position for the menu in pagination.

### Your Environment

Mentioned in the video link.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.