Skip to content

Delete button click unexpectedly triggers parent component click event #4368

@huajiqaq

Description

@huajiqaq

Problem Description
When clicking the delete button in the f7-chip component, the event bubbles up and triggers the parent component's @click event handler, causing logical confusion.
Steps to Reproduce
Bind both @click and @delete to an f7-chip component
Click the delete button
Both event handlers will be called

Add event.stopPropagation() in the component's internal onDeleteClick function to prevent event bubbling.
I've submitted a PR to fix this issue: #4367

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions