checkbox: clicking links in labels also toggles the value - Githubissues

angular / material

Material design for AngularJS

https://material.angularjs.org/

MIT License

16.57k stars 3.4k forks source link

checkbox: clicking links in labels also toggles the value #10823

Open nikclayton opened 6 years ago

nikclayton commented 6 years ago

Actual Behavior:

What is the issue? * If an md-checkbox has a text or a label that contains a link, clicking the link (either with _target="blank" to open in a new tab, or Ctrl-click) also toggles the checkbox.
What is the expected behavior? Not toggle the checkbox. This is the behavior of the native <input type="checkbox">.

CodePen (or steps to reproduce the issue): *

CodePen Demo which shows your issue: https://codepen.io/anon/pen/VzeoJO
Details: Demo is set up to show the different behaviors. Follow the instructions in the text.

AngularJS Versions: *

AngularJS Version: 1.6.4
AngularJS Material Version: 1.1.4

Additional Information:

Browser Type: * Chrome
Browser Version: * 59.0.3071.115 (Official Build) (64-bit)
OS: * Ubuntu 14.04
Stack Traces: N/A

Splaktar commented 5 years ago

This is related to https://github.com/angular/material/issues/11134, which can't be fixed until 1.2.0. I need to investigate whether this can be fixed prior to 1.2.0.