ionic-team / ionic-team/ionic-framework

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

未关闭
#20,521 3 条评论 3 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

package: core type: bug
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 14 小时
30 天内合并 PR
50

描述

# 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
```

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

从 CodePen 复现开始,使用报告中的标记检查 ion-item 与 ion-checkbox 之间的交互。跟踪点击如何在这些组件之间传播,并检查现有的相关 Issue 19590、15850 和 17832。完成的标准是点击 item 不再切换 checkbox,或者可以取消 item 的点击。

由索引模型根据 Issue 内容生成。

评估

技术栈
typescript
领域
frontend, web-dev
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。