Skip to content

DatePicker pop-up closes after selecting new value while inside in-cell editor of DataTable #7598

Closed
@MartJohan-bf

Description

@MartJohan-bf

Describe the bug

When a DatePicker component is inside of a <template #editor> element for a DataTable with in-cell editing the pop-up for the DatePicker is closed after trying to change it's value. I'm currently using PrimeVue version 4.3.3 at my workplace and noticed that the issue was introduced sometime between version 4.2.5 and 4.3.3.

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/vitejs-vite-dbh2tcqb?file=src%2FApp.vue

Environment

Windows 11

Vue version

3.5.13

PrimeVue version

4.3.3

Node version

No response

Browser(s)

Chrome

Steps to reproduce the behavior

  1. Go to the linked StackBlitz
  2. Try clicking on one of the headers in the DataTable. This should now display the DatePicker component
  3. Click the DatePicker component and try to change to a new date or just simply click inside of the pop-up

Expected behavior

The pop-up should stay open and a value should be set, but the pop-up closes right after the click event

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