callstack / callstack/react-native-paper

Pagination drop-down (onItemsPerPageChange) not working inside modal (working fine in screen)

Aperta
#4,366 2 commenti 2 reazioni 0 assegnatari Vedi su GitHub
bug DataTable
Lingua principale
TypeScript
Stelle
14.5k
Fork
2.2k
Merge medio
5g 23h
PR unite (30g)
12

Descrizione

### Current behaviour
Pagination drop-down (onItemsPerPageChange) not working inside modal (working fine in screen)
![ddIssue](https://github.com/callstack/react-native-paper/assets/114063133/a484da8c-5544-4962-bd99-44d9343704d4)

### Expected behaviour
Pagination drop-down (onItemsPerPageChange) need to open drop down options when click on (onItemsPerPageChange)

### How to

> reproduce?

const itemPerPage = 5,totalRecords = 25 (but it depends on data coming from backend)
const [page,setPage] = useState(1);

{
setPage(p >= page ? p + 1 : p === 0 ? 1 : p);
}}
numberOfItemsPerPageList={[ "All", 5, 10, 25, 50,]}
numberOfItemsPerPage={5}
onItemsPerPageChange={setItemPerPage}
showFastPaginationControls
dropdownItemRippleColor={colors?.colors?.activeOption}
/>

### Preview

Pagination dropdown working fine inside screen , but not working inside modal popup.
Both has same code (same component)

![ddIssue](https://github.com/callstack/react-native-paper/assets/114063133/d5dfc4b7-e97f-4fe9-ae25-7d0e279bb1b7)

### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.72.6
| react-native-paper | 5.12.3
| node | 20.11.1
| npm | 10.2.4

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Riproduci il comportamento segnalato di DataTable.Pagination utilizzando le props fornite in una schermata e all’interno del modal, con le versioni indicate di React Native Paper e React Native. Inizia individuando l’implementazione di DataTable.Pagination e i test esistenti; il lavoro è completato quando le opzioni si aprono nel modal, la selezione di un’opzione invoca onItemsPerPageChange e la regressione è coperta da un test.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react-native, typescript
Ambito
frontend, mobile
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.