ionic-team / ionic-team/ionic-framework

bug: ion-checkbox is toggled by ion-item click

Open
#20,521 3 comments 3 reactions 0 assignees View on GitHub
package: core type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

# Bug Report

**Ionic version:**

[x] **4.x**

**Current behavior:**

If you have the following markup, any click or tap on the ion-item will toggle the ion-checkbox:

```


Testing!


```

**Expected behavior:**

The ion-checkbox should only toggle when it is clicked, or the click event from the ion-item should be cancellable.

**Steps to reproduce:**

**Related code:**

[Codepen](https://codepen.io/bsbechtel/pen/YzXWKOW?editors=1100)

**Other information:**

This issue has been brought up multiple times and not fixed: [19590](https://github.com/ionic-team/ionic/issues/19590) [15850](https://github.com/ionic-team/ionic/issues/15850) [17832](https://github.com/ionic-team/ionic/issues/17832)

**Ionic info:**

```
insert the output from ionic info here
```

Contributor guide

Open the contributing guide

Research direction

Start with the CodePen reproduction and inspect the interaction between ion-item and ion-checkbox using the markup in the report. Trace how clicks propagate between these components and check existing related issues 19590, 15850, and 17832. Done means clicking the item no longer toggles the checkbox, or the item click can be cancelled.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.