Michael_K: Visualisierung bei overflowing content

Beitrag lesen

Hallo,

nach meiner Recherche gibt es keinen CSS Selector für DOM-Elemente, die einen overflowing content besitzen. Ich würde gerne die Bestandteile einer html-Seite farblich umranden, deren Inhalt "überfliesst", d.h. nicht in den verfügbaren Platz passen.

Ich könnte via Javascript ermitteln, ob overflow vorliegt und dann eine entsprechende CSS-Klassen setzen (oder lokales style-Attribute). Mich würde aber interesieren, ob es einen eleganteren Weg gibt? Eine reine CSS Lösung scheint nicht möglich, da es keinen CSS Selector für overflow content gibt.

Ich hatte ein Beispiel mit einem Intersectionobserver gefunden, das habe ich aber noch nicht wirklich gut verstanden, wie so eine IntersectionObserver funktioniert.

Hat vielleicht jemand einen Tipp, wie eine solche Lösung aussehen kann, bei der permanent überprüft wird, ob es content overflow gibt und wenn ja, dieses element highlight (z.B. roter Rahmen)?

Viele Grüße Michael