[* gelöst *] TOP Responsive Camping Layout - Head-Animation Firefox Problem

Guten Morgen,

das Layout (nur im Head-Bereich) macht plötzlich Probleme in Firefox, ich nutze FF Version 75.0.
Im IE u. Chrome scheint alles ok, funktioniert perfekt.

Habe ein Kunden-Projekt mit diesem Template aufgebaut, die Animation im Head funtioniert nicht mehr richtig (hatte aber funktioniert).
Ich war mir anfangs nicht sicher, ob es an meinem CSS-Code liegt (Projekt abgekoppelt) oder am Layout selbst. Jetzt habe ich gesehen, dass dieses Layout auch auf der Zeta-Layout-Seite (mit FF 75.0) nicht richtig funktioniert.

Problembeschreibung:

Im Kundenprojekt (mit FF 75.0 ) reagiert der Navigationsbereich erst wenn ich mit der Maus drüberfahre. Dann gibt es ein ruck nach oben, oder nach unten, je nachdem wo sich der Browser-Scrollbalken (Position) befindet.

Auf der Zeta-Layout-Vorschau-Seite reagiert der Kopfbereich erst nach ein paar Sekunden (nach dem Scrollen nach unten, oder oben) und verhält sich etwas anders als beim Kundenprojekt... aber auch fehlerhaft.

Es geht um: TOP Responsive Camping

Kann das jemand bestätigen?

Liegt es evtl. an FF 75.0?

Danke Steffen, dass Sie sich dieses "Phänomen" mal anschauen...

Der Fehler mit dem "vertikal zentriert" kommt bei mir nicht vor.
Wenn man runter-scrollt wird der #topline Bereich schmaler, was ja auch richtig ist.... aber die Navigation bewegt sich nicht mit. Nachdem man mit der Maus drüberfährt, zuckt die Navigation nach oben. (an die Position wo es eigentlich nach der Animation sein sollte). Wie bereits erwähnt: Bei den anderen Browsern scheint es zu funktionieren, nur eben bei Firefox nicht (aufgefallen bei FF 75.0).

Guten Morgen Steffen,

gibt es bereits neue Erkenntnisse?

Hallo Steffen, danke erstmal für die Info.

Das mit der Firefox-Version glaube ich auch, denn vorher funktionierte es einwandfrei.

Haben Sie denn evtl. eine "CSS-Notlösung", die man vorübergehend verwenden könnte?
Habe vor ein paar Wochen ein Kunden-Projekt mit diesem Layout fertiggestellt und stehe jetzt etwas unter "Zugzwang".
Wäre sehr freundlich, wenn Sie mir helfen würden/könnten.

Hallo halloTaxi,

das ist wirklich ärgerlich, so ähnlich sieht es bei meinem Kundenprojekt auch aus.

Es liegt scheinbar wirklich an Firefox 75.0. Ich habe mir schon gedacht, dass ich nicht der einzige bin der dieses Problem hat.

Zitat von Steffen T.

Das muss ich genau testen und dann gibt es da evtl. ein Online-Update.

Das hat aber derzeit keine Priorität.

Hat es für Sie wirklich keine Priorität, wenn diverse Kundenprojekte von Zeta-Nutzern nicht mehr richtig funktionieren, oder habe ich das jetzt falsch verstanden?
Für mich persönlich hat die Suche nach einer Lösung (z.Z) die höchste Priorität. Mein Kunde verlangt eine Lösung von mir. Daher wäre es sehr freundlich wenn Sie mich (uns) etwas unterstützen würden.

Hallo Thomas,

ich werde mir das morgen Früh durchlesen und es mal ausprobieren. Wenn ich etwas hilfreiches finden sollte werde ich es hier posten.

Vielen Dank für den Hinweis!

Guten Morgen zusammen,

Hanabi

Thomas, DAAANKEEEE....
Der Artikel ist super! Es funktioniert wieder!

Habe die CSS hiermit ergänzt:

#topline .wrapper {
    overflow: hidden;
}

Getestet in IE, Firefox und Chrom. Funktioniert einwandfrei.
Kann das bitte jemand testen und bestätigen?

Der CSS-Code funktioniert zwar für die Animation im Head, aber nun gibt es ein Problem mit den Sub-Menüs.

overflow und z-index (damit Sub-Menüs im Vordergrund sichtbar sind) funktionieren (in Kombination) nicht richtig.

Für Layouts die keine Unterpunkte im Menü haben ist die Lösung ok, für alle Anderen muss noch etwas "gebastelt" werden.

Hat jemand eine Idee?

Ich schaue mir das Ganze auch nochmal an...

halloTAXI

Als Notlösung sieht es erst einmal ganz ok aus.... auf den ersten Blick. Ansonsten verhält sich der Head-Bereich immer noch fehlerhaft.

➔ Das Problem dabei ist: Wenn man runter und dann wieder hoch scrollt, anschließend mit der Maus einen Unterpunkt berührt, zuckt die Navigation nach oben oder unten.

Das gleich scheint man jetzt auch im Zeta-Layout gemacht zu haben (?).
https://content.zeta-producer.com/layouts/top-responsive-camping/

Ich verstehe das Ganze nicht wirklich. Ein Layout ist meiner Meinung nach das Endprodukt. Ich kann daher nicht richtig nachvollziehen warum sich nicht ernsthaft um dieses Layout-Problem gekümmert wird.

Drcymbal

Zitat

Zudem sollte man sich vor Augen halten, welchen Marktanteil Firefox derzeit noch besitzt. Vielleicht solltest Du Beides Deinem Kunden einfach kommunizieren.

Welchen Firefox-Marktanteil hättest Du denn gerne, damit das Layout-Problem als wichtig eingestuft wird? Es freut mich für Dich, dass Du das alles so locker siehst...

Hallo Steffen,

funktioniert perfekt!

Das Problem wäre damit gelöst.

Vielen Dank, dass Sie sich darum gekümmert haben!