Skip to content

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

Open
@Tak1za

Description

@Tak1za

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions