Jquery UI Dialog ist nicht responsive

[Gunnar Bittersmann]

@@Sophie

Wenn du es selber mit HTML und CSS nachbaust:

Dann aber bitte nicht so!

https://codepen.io/wolf-w/pen/jbEdBW

Nicht bedienbar. (Nicht mit Tastatur.)

Es ist zwar ein <label for="menuToggle"> vorhanden, aber kein dazugehöriges Eingabe-Element, denn <input id="menuToggle" type="checkbox"> wurde per #menuToggle{ display: none } komplett entfernt.

Merke: Wenn Eingabe-Elemente bedienbar sein sollen, dürfen sie nicht mit display: none (oder visibility: hidden) unsichtbar gemacht werden, sondern sie dürfen nur visuell unsichtbar gemacht werden.

Allerdings sollte man nicht den Checkbox-Hack verwenden, sondern einen Button. Wie gesagt.

LLAP 🖖