callstack / callstack/react-native-paper
Data Table Pagination Dropdown bugs out on web when its almost at the end of the screen height
- 主要语言
- 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