callstack / callstack/react-native-paper

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

Open
#4,366 2 comments 2 reactions 0 assignees View on GitHub
bug DataTable
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### 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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.