Skip to content

Nested elements with key event+modifiers do not call listener function #9849

Closed
@davidglezz

Description

@davidglezz

Vue version

3.3.10

Link to minimal reproduction

https://stackblitz.com/edit/github-dpq7nx-azo6wj?file=src%2Fcomponents%2FHelloWorld.vue

Steps to reproduce

# Works
npm i vue@3.3.9
vitest --run

# Fail
npm i vue@3.3.10
vitest --run

What is expected?

The test should pass successfully.

Manual test

Clicking on the button to focus it
pressing y key should call remove() function which logs 'Called!' but it not happens.

Expected:

pressing x -> logs 'Called!'
pressing y -> logs 'Called!'

Actual:

pressing x -> logs 'Called!' Twice
pressing y -> does nothing.

What is actually happening?

It requires an element and its parent with an event listener to the same method.

System Info

No response

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    🐞 bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions