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 件 担当者 0 名 GitHub で見る
bug DataTable
主要言語
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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。