[Bug Report][4.1.13] VPagination triggers render-context warnings in Vue 3.5.42
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Environment
Vuetify Version: 4.1.13
Vue Version: 3.5.42
OS: Windows 10 (current)
Steps to reproduce
- Render a
v-data-table-serverwith its default footer. Updateitemsanditems-lengthasynchronously.
Expected Behavior
Pagination renders without Vue warnings.
Actual Behavior
The console reports:
onScopeDispose() is called when there is no active effect scopewithDirectives can only be used inside render functionsMissing ref owner context. ref cannot be used on hoisted vnodes
The component trace points to:
VPagination > VDataTableFooter > VDataTableServer
Using hide-default-footer and custom pagination controls removes all warnings.
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
If this does not reproduce there, the warnings likely require Nuxt SSR/hydration, which play.vuetifyjs.com cannot fully represent.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the linked reproduction with VDataTableServer's default footer and asynchronously updated items and items-length. Trace the warning-producing path through VPagination, VDataTableFooter, and VDataTableServer; done means the pagination renders without the reported Vue warnings in the reproduction scenario.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100