Skip to content

VirtualScroller items not visible using v-show #7666

Open
@YannisJustine

Description

@YannisJustine

Describe the bug

When the VirtualScroller's visibility changes (not directly, but via one of its ancestors), the list of items is not rendered.
Issue #7354 is closed, but the problem persists. I've updated the Primevue version of the reproducer and only 1 of the 2 problems has been fixed. The v-show also occurs in the TabPanel (not lazy).

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-pr9xwosf?file=src%2FApp.vue

Environment

Vite v5.3.2

Vue version

3.4.31

PrimeVue version

4.3.3

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

There are two virtual scrollers: one inside a container div with a v-show condition and another inside a container div with a conditional height.

After 2 seconds, the first container will appear, and the second container will be resized. The VirtualScroller inside the first container will remain empty, while in the second container will be rendered.

Expected behavior

On VirtualScroller visibility change, the list of items should be rendered.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions