Bruce Lawson 给出了每日提示，警告不要在表单标签上使用 pointer-events: none。 我们知道 pointer-events 用于更改元素对点击、轻触、悬停和激活状态的响应方式。 但它显然会破坏表单标签，将其激活点击目标的大小压缩到很小且难以交互的程度。 Bruce 在他的帖子中提供了示例。
但这篇文章中最引人注目的部分并非如此。 问题在于它被固定到了 Material Design 的浮动标签组件 的一个实现上。 幸运的是，Bruce 得到了指针事件专家 Patrick Lauke 的帮助，后者指出（明白了吗？）了这个问题。
啊哈，现在我记得几周前我第一次看到的时候了——测试基于 web 的 material design 的一些东西 https://#/YkEKXkU0To pic.twitter.com/31S74X1i4R
— patrick h. lauke #toryScum #clapForFlagWankers (@patrick_h_lauke) 2021年2月5日
这不是在挖苦框架。 这只是现实。 前端开发人员必须意识到这一点，其中包括对第三方代码的了解。
文章开头很好，但开发和设计新手应该了解本文的“为什么”部分。
为什么这很重要？ 可访问性。 符合 ADA 和 WCAG。 此外，这会影响小型设备的可用性。
我读了三遍还是不明白。 问题是什么？ 标签有什么特别之处？ 标题不应该说“不要在任何交互元素上使用 pointer-events: none”吗？ 或者这篇文章只是对 Material Design 的憎恨吗？