Browser-Erfrierung in ResizeObserver

[Gunnar Bittersmann]

@@Nico R.

ich überwache das Resizen eines Elements bzw. des Screens

Ja, was denn nun?

In dem Teil des Code, den du hier nicht gezeigt hattest:

const figure = document.getElementById("figure");

observer.observe(figure);

Aha: eines Elements.

Es sollen also bei jeder "Lageänderung" (auf Mobilgeräten)

Äh, warum überwachst du ein Element, wenn dich der Screen interessiert?

Aber damit kommt der Observer offenbar nicht klar.

Wie soll er auch? Wenn die Bedingung height > width erfüllt ist, schaltest du was um, sodass die Bedingung nicht mehr erfüllt ist, sodass wieder umgeschaltet wird, woraufhin die Bedingung wieder erfüllt ist, also wieder umgeschaltet wird, sodass …

Vielleicht hat ja jemand eine Idee.

Wenn dich die Orientierung des Bildschirms interessiert, solltest du nicht die Größe irgendeines Elements überwachen.

Aber auch nicht die des Screens mit ResizeObserver.

Wenn dich die Orientierung des Bildschirms eines Mobilgeräts interessiert, interessiert dich die Orientierung des Bildschirms.

Und bei deren Änderung interessiert dich deren Änderung.

Oder interessiert dich gar nicht die Orientierung des Bildschirms eines Mobilgeräts? Sondern auch die bei Desktopgeräten, die auch beim Handtuchformat landscape-primary ist? ☞ Testseite

Aber wozu überhaupt das JavaScript??^[1]

Was willst du erreichen, was mit orientation media query und picture-Element nicht zu erreichen wäre?

Mir schwant, du willst genau das dort im Beispiel Gezeigte.

Kwakoni Yiquan

---

1. Nein, multiple Fragezeichen sind kein Ausdruck eines kranken Geistes. Und falls doch, dann nicht meines. 😝 ↩︎