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

[Sureshkumar041]

Current behaviour

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

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);

<DataTable.Pagination style={styles.rowJusCen} page={page === 1 ? 0 : page - 1} numberOfPages={ itemPerPage === "All" ? 0 : Math.ceil(totalRecords / itemPerPage) === 1 ? 0 : Math.ceil(totalRecords / itemPerPage) } onPageChange={(p: number) => { 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)

Your Environment

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

[lukewalczak]

Hey @Sureshkumar041, could you please create an expo snack presenting the issue?