react-native-paper icon indicating copy to clipboard operation
react-native-paper copied to clipboard

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

Open Tak1za opened this issue 2 years ago • 0 comments

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.

Tak1za avatar Jan 19 '24 07:01 Tak1za