Skip to content

Enhancement - Datatable filter menu does not close on enter #7554

Open
@Kuba314

Description

@Kuba314

Describe the bug

When filterDisplay is set to menu, I would expect that pressing Enter closes the menu and applies the filter. This does not happen.

This is the same issue as #3653 which was closed.

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://primevue.org/datatable/#advanced_filter

Environment

This reproduced is directly in the documentation. Clicking on the filter icon in the Name column, writing James, then hitting Enter does NOT close the menu and apply the filter.

Vue version

3.5.13

PrimeVue version

4.3.1

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

  1. Go to https://primevue.org/datatable/#advanced_filter
  2. Click on the filter icon in the Name column header
  3. Click on the text field
  4. Type in James
  5. Hit Enter
  6. Observe that the menu doesn't close

Expected behavior

The menu closes and the filter is applied.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Resolution: Needs Upvote 👍Support this idea or feature by adding an upvote. Community feedback helps with prioritization.Type: EnhancementIssue contains an enhancement related to a specific component. Additional functionality has been add

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions