Bruce Lawson mit dem Tipp des Tages, der vor der Verwendung von pointer-events: none auf Formular-Labels warnt. Wir wissen, dass pointer-events verwendet wird, um zu ändern, wie Elemente auf Klick-, Tipp-, Hover- und aktive Zustände reagieren. Aber es schädigt anscheinend Formular-Labels, indem es deren aktive Trefferfläche auf eine kleine und schwer zu bedienende Größe reduziert. Bruce fügt Beispiele in seinem Beitrag hinzu.
Das ist jedoch nicht der bemerkenswerte Teil des Beitrags. Es ist, dass das Problem auf eine Implementierung der Floating Labels Komponente von Material Design zurückgeführt wurde. Glücklicherweise hatte Bruce das Ohr des Experten für Pointer Events, Patrick Lauke, der das Problem "wies" (verstehen Sie?) darauf hin.
aha, jetzt erinnere ich mich, als ich es vor ein paar Wochen zum ersten Mal sah – ich testete etwas, das auf Material Design für das Web basierte https://#/YkEKXkU0To pic.twitter.com/31S74X1i4R
— patrick h. lauke #toryScum #clapForFlagWankers (@patrick_h_lauke) 5. Februar 2021
Das ist kein Angriff auf Frameworks. Es ist einfach die Realität der Dinge. Front-End-Entwickler müssen sich dessen bewusst sein, und dazu gehört auch die Kenntnis von Drittanbieter-Code.
Ein guter Anfang für einen Artikel, aber Neulinge in Entwicklung und Design sollten den WARUM-Teil dieses Artikels kennen.
Warum ist das wichtig? Barrierefreiheit. Einhaltung von ADA und WCAG. Außerdem beeinträchtigt dies die Benutzerfreundlichkeit bei kleinen Formfaktoren.
Ich habe es dreimal gelesen und verstehe es immer noch nicht. Was ist das Problem? Was ist das Besondere an Labels? Sollte der Titel nicht lauten "Pointer-events: None Nicht Auf IRGENDEINEM INTERAKTIVEN ELEMENT Anwenden"? Oder ist der Artikel nur ein Hass gegen Material Design?