Click Box ein/Aus
bearbeitet von
@@portseven
> Wollte das, wenn ich bei einer Textarea drauf klicke, ein Button erscheint "Senden". Sollte man die Textarea verlassen sollte der Button wieder verschwinden.
Ich weiß nicht, warum der Button nicht immer angezeigt werden sollte.
Aber wenn solch ein Effekt, dann **nicht mit JavaScript!** Das ist ein [Einzeiler in CSS](https://codepen.io/gunnarbittersmann/pen/qKaLxz):
~~~CSS
form :not(:focus-within) button
{
opacity: 0;
}
~~~
Den Button nicht mit `display: none` oder `visibility: hidden` aus dem *accessibility tree* nehmen, sondern nur visuell verstecken!
In Browsern, die [`:focus-within` noch nicht unterstützen](https://caniuse.com/#feat=css-focus-within), bleibt der Button halt immer sichtbar. Oder einen [Polyfill](https://allyjs.io/api/style/focus-within.html) verwenden.
LLAP 🖖
--
*„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann