callstack / callstack/react-native-paper

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

Aberta
#4,366 2 comentários 2 reações 0 responsáveis Ver no GitHub
bug DataTable
Linguagem predominante
TypeScript
Estrelas
14.5k
Forks
2.2k
Merge médio
5d 23h
PRs com merge (30d)
12

Descrição

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

Guia de contribuição

Abrir o guia de contribuição

Direção de pesquisa

Reproduza o comportamento relatado de DataTable.Pagination usando as props fornecidas em uma tela e dentro do modal, com as versões listadas de React Native Paper e React Native. Comece localizando a implementação de DataTable.Pagination e seus testes existentes; o trabalho estará concluído quando as opções abrirem no modal, a seleção de uma opção chamar onItemsPerPageChange e a regressão estiver coberta por um teste.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
react-native, typescript
Domínio
frontend, mobile
Tipo de issue
Bug
Dificuldade
3/5
Tempo estimado
1-2 dias
Status de atividade
Estagnada
Clareza
Razoavelmente clara
Facilidade para iniciantes
35/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.