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時間
- マージ済み PR(30日)
- 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