Merkwürdiges Verhalten im DOM nach einbinden von ce_image

[the_gmo]

Aloha,

ich sitze seit einiger Zeit an einem sehr merkwürdigen Verhalten, und kann auch nach Tagen Suche noch keine wirkliche Erklärung finden.
Vorab, es geht um eine Webseite die ich nicht gebaut hatte, und die nach einem Contao4-Update und Facelift an mich übergeben wurde um "ein paar Responsive Fehler zu beheben".

Es hat sich dann allerdings herausgestellt dass die Fehler keineswegs im CSS liegen, sondern da was größeres vor sich geht.
Hier mal meine Beobachtungen und Erkenntnisse:

Zuerst ist mir aufgefallen dass auf der Seite die head-Anweisungen (meta, title, link, etc) in den body geladen werden, zusätzlich aber noch irgendein kryptisches etwas (siehe Screenshot).
Es gibt kein modifiziertes fe_page-Template oder ähnliches das dafür sorgt dass diese Tags im body anstatt im head ausgegeben werden.

Screenshot 2020-11-10 at 12.49.40.png

Nach einer mühsamen Trial-&Error-Suche habe ich herausgefunden dass dieses Verhalten immer dann verursacht wird wenn entweder ein ce_image oder ein Formular eingebunden sind.
Auch Bilder oder Formulare haben keine modifizierten Templates.

Hat sowas wer schonmal gehabt?
Irgendeine Idee was an Bildern oder Formularen mir so ein Verhalten verursachen könnte?

Für Hinweise (und sei es nur "Schau mal in...") wäre ich mehr als dankbar.

[Spooky]

Analysiere den echten Quelltext, nicht das was der Browser interpretiert hat.

[the_gmo]

Das ist ja das Problem... im "echten" Quelltext, sitzt alles wo es hinsoll.

Im Inspektor eben nur wenn keine Bilder (als ce_image) oder Formulare auf der Seite eingebunden sind. Andernfalls gibt er mir den Head wie im Screenshots aus, mit einigen Begleitproblemen:

- Wrapper hat Abstand nach oben (Fixed Nav mit top: 0 sitzt 50px zu weit unten)
- Media-Queries werden auf Mobilgeräten weitestgehend ignoriert (vermutlich aufgrund der fehlenden Viewport-Anweisung)

Das deutet ja drauf hin dass da beim Laden (oder so) irgendwie an der DOM gerüttelt wird.

[the_gmo]

Analysiere den echten Quelltext, nicht das was der Browser interpretiert hat.

...die Browser.

Die sind sich ja selten einig - aber bei diesem Problem verhalten sie sich alle gleich.

[Spooky]

Poste einen Link zur Seite

[the_gmo]

Muss ich leider erstmal mit PM abklären...

Aber das nehme ich gerne wahr wenn ich hier noch ne Weile rum suchen muss.

[mlweb]

Das ist ja das Problem... im "echten" Quelltext, sitzt alles wo es hinsoll.

Im Inspektor eben nur wenn keine Bilder (als ce_image) oder Formulare auf der Seite eingebunden sind. Andernfalls gibt er mir den Head wie im Screenshots aus, mit einigen Begleitproblemen:

- Wrapper hat Abstand nach oben (Fixed Nav mit top: 0 sitzt 50px zu weit unten)
- Media-Queries werden auf Mobilgeräten weitestgehend ignoriert (vermutlich aufgrund der fehlenden Viewport-Anweisung)

Das deutet ja drauf hin dass da beim Laden (oder so) irgendwie an der DOM gerüttelt wird.

Sicher das alle verwendeten "Wrapper" auch korrekt wieder geschlossen wurden. Ich kenne solche Probleme z.B. von Rocksolid Themes, wenn die Redakteure Inhaltselemente kopieren oder verschieben und dabei die schließenden "Wrapper" mißachten.

[the_gmo]

Sicher das alle verwendeten "Wrapper" auch korrekt wieder geschlossen wurden. Ich kenne solche Probleme z.B. von Rocksolid Themes, wenn die Redakteure Inhaltselemente kopieren oder verschieben und dabei die schließenden "Wrapper" mißachten.

Ja, da bin ich leider sicher.

Die einzigen Elemente auf die ich es eingrenzen konnte waren ce_image und Formulare. Sobald ich die ausblende ist das Problem weg. Die haben aber beide keine angepassten Templates oder ähnliches worin ich einen Fehler suchen könnte.

[do_while]

Dann solltest Du das ja auch in der Contao-Demo reproduzieren können.

[the_gmo]

Dann solltest Du das ja auch in der Contao-Demo reproduzieren können.

Wohl kaum, da die ja auf einem ganz anderen Stand ist als es eine mehrfach bearbeitete ältere Installation. Ich konnte oben nur ausschließen dass es sich nicht um einen offenen Wrapper handelt, sondern bisher nur zwei Einzelelemente dieses Verhalten verursachen.

Hatte nur die Hoffnung jemand hatte sowas schonmal bei sich gehabt und könnte mir eine Idee zur Lösungssuche geben.

[lucina]

Schicke die Seite doch mal bitte durch den Validator - mit sicher guten Chancen, dabei strukturelle Probleme zu finden.


Gesendet von iPhone mit Tapatalk

[joe]

Moin erstmal was zu dem "magischen Zeichen". &#65279 steht für den Unicode Character 'ZERO WIDTH NO-BREAK SPACE' (U+FEFF). https://www.fileformat.info/info/uni...feff/index.htm

Wenn es sich um eine DOM Manipulation handelt so kannst du diese versuchen über einen DOM Manipulation Breakpoint in Google Chrome zurückzuverfolgen.

Siehe hier https://developers.google.com/web/to...reakpoints#dom

LG joe