Skip to content

Popover takes two clicks to close when inline Datepicker is focused #8270

@tliggett

Description

@tliggett

Describe the bug

When I have an inline datepicker inside of a popover, if I select a date it takes two clicks outside the popover to close it. I believe this issue was fixed recently for most cases, but the fix did not account for this case.

Here is an example of the issue:

Screencast_20251117_133105.mp4

I've submitted a PR that fixes the issue, and works for all the examples.

Screencast_20251117_133138.mp4
Screencast_20251117_134435.mp4

Pull Request Link

#8269

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

Environment

Used stackblitz to reproduce the issue

Vue version

3.4.31

PrimeVue version

4.4.1

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

  1. Click button to open popover
  2. Select a date
  3. It will take 2 clicks to close the popover

Expected behavior

Clicking outside the popover closes it

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