Click Box ein/Aus

[Gunnar Bittersmann]

@@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:

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, bleibt der Button halt immer sichtbar. Oder einen Polyfill verwenden.

LLAP 🖖