Gunnar Bittersmann: CSS3 Animation bei Größenänderung

Beitrag lesen

@@Tabellenkalk

gib die Höhe explizit an, z.B. in px oder em.

Und welchen Wert? Woher soll man wissem, wie groß die Höhe ist?

Wie ich letztens schon sagte:

Man kann nun nicht height zwischen 0 und auto animieren, sondern nur zwischen zwei Zahlenwerten. Da die Höhe unbekannt ist, wird max-height zwischen 0 und einem hinreichend großen Wert (im Beispiel 4em) animiert.

Beispiel.

Das hat zur Folge, dass beim Zuklappen die sichtbare Animation nicht sofort nach dem Drücken des Button erfolgt, d.h. dass der Nutzer kein sofortiges Feedback zu seiner Aktion erhält. Unschön.

Abhilfe könnte sein, mit JavaScript die Höhe des gerenderten (geöffneten) .details-Elements auszulesen und dann zwischen 0 und diesem Wert zu animieren.

Ich hab das jetzt nicht mit einem Screenreader getestet. Aber interessant dürfte sein, was letztens über den Ticker lief.

LLAP

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)