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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions