callstack / callstack/react-native-paper

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

未关闭
#4,285 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug DataTable
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
12

描述

### 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.

贡献指南

打开贡献指南

调研方向

首先,使用链接的 Expo Snack 重现该问题,并检查 Web 视图中靠近屏幕底部的 Data Table Pagination 行数下拉菜单。当下方空间不足时,验证菜单是否能可靠地在分页控件上方打开,并确认更改值不再导致下拉菜单闪烁或关闭。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript
领域
frontend, web-dev
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。