Seit Update, Anwendung unterschiedlicher CSS Regeln in einem Dropdown-Menü

[WWSelec]

Hallo,

ich habe nach einem Update meiner Contao Installation auf 3.5.12 ein seltsames Verhalten in meinem Dropdown-Menü. Ich habe einen neuen Menüeintrag nach dem Update erstellt und dieser wird zum Teil anders von der Formatierung dargestellt wenn er ausgewählt wird.

Der ausgewählte aktive Eintrag ist bei mir sonst immer in fett orange, der neue letzte Eintrag wird jetzt aber auf einmal nur noch in normal orange dagestellt, blende ich diesen neuen Eintrag über die Seitenstruktur aus, so wird der nun letzte Menüeintrag, der vor dem Update erstellt wurde, richtig in fett orange angezeigt. Hört sich vielleicht etwas wirr an, Link zur Seite es geht um die Menüpunkte 8. und 9. zu finden unter MS-Stammtisch. Wenn die 9. Geschichte ausgeblendet wird = alles noch richtig formatiert(der Menüpunkt 8 erscheint fett und orange); wird sie eingeblendet erscheint der Menüpunkt 9 nur noch in normal orange.

Ich habe dann die beiden Menüpunkte in den Zustände einmal bis Menüpunkt 8 und einmal mit Menüpunkt 9 untersucht:

CSS ohne letzte Geschichte.JPG

CSS mit letzter Geschichte.JPG

und festgestellt, dass unterschiedliche Formatierungen genommen werden, obwohl es in beiden Fällen der gleiche Zustand ist (letzter, aktiver Menüpunkt) und da hört es bei mir auf. Die beiden Kapitel haben keine eigenen CSS Regeln damit müssten sie doch in beiden Fällen auch gleich dargestellt werden oder nicht? Dabei ist die Formatierung im ersten Bild mit "span.active.last" so wie es richtig dargestellt werden soll. Beim zweiten Bild mit dem Menüpunkt 9 wird es dann plötzlich als letzter Menüpunkt über "a.trail.sibling.last" falsch dargestellt und auch alle neuen weiteren Menüpunkte werden dann nur noch normal orange dargestellt. Ich kann mir das nicht erklären.

Gruß WWSelec

[mlweb]

In Deiner Navigation ist irgendetwas faul. Bei Deinen "alten" Navigationspunkten hat der aktive Navigationspunkt einen Code der mit einem span aufgebaut wird und über

#header .mod_navigation .level_2 span.active {
    font-weight: bold;
}

auf fett gesetzt wird.
Im letzten Navigationspunkt fehlt das span, dafür gibt es im activen Zustand zusätzlich eine Klasse trail.
Bei der Standard-Navigation von Contao fällt mir kein Szenario ein wie man so etwas versehentlich hinbekommen könnte.
Du musst als suchen, warum die von Dir gewählte Navigation den letzten Punkt so anders behandelt. Der Fehler liegt auf jeden Fall nicht im css sondern im generierten HTML-Code.

[WWSelec]

Genau darum liegt meine Vermutung auch an dem Update welches ich per EasyUpdate3 gemacht habe. Mir fehlt jetzt nur ein möglich Ansatz zum lösen des Problems im HTML Code.

[mlweb]

Das Update kann m.E nur dann die Ursache sein, wenn Templateveränderungen im Core nicht updatesicher erstellt wurden.
Ich habe mir gerade das Original-Template für die Standard-Navigation im core von 3.5.12 angeschaut. Dort wird nach wie vor für aktive Listenpunkte span erzeugt.
Benutzt Du für die Navigation eine Erweiterung? Wenn ja, welche?
Benutzt Du für die Navigation ein angepasstes Template? Wenn ja, was steht drin?

[WWSelec]

Mhh, also bei den Templates habe ich zwar ein paar verändert aber darunter nur:

ce_glossar.html5
mod_newsarchive.html5
mod_quicklink.html5
mod_quicknav.html5
news_full.html5
news_latest.html5
news_simple.html5
glossar_pagination.html5
mod_search_simple.html5

dürfte ja nichts die Navigation beeinflussen.

Erweiterungen nutze ich nur:

easyupdate3 3.3.3 5
piwikanalytics 3.5.2 7
SWGlossar 4.2.0 5
tivoka 1.0.2 9

also nein eine Erweiterung für die Menünavigation benutze ich auch nicht.

[Spooky]

Mhh, also bei den Templates habe ich zwar ein paar verändert aber darunter nur:

mod_quicknav.html5

Darum geht es dir doch, oder nicht? Was genau hast du dort also verändert?

// achso nein, reguläre Navigation

[tab]

Ist das eine ganz normale Standardnavigation oder sind noch irgendwelche "Schweinereien" eingebaut? Sieht jedenfalls so aus, als ob dein neuer letzter Menüpunkt nicht der aktive Menüpunkt wäre, sonder als ob eine Unterseite davin aktiv wäre. Da müsstest du mal ins HTML (Seitenquelltext) schauen, ob überhaupt irgendein Menüpunkt in den Fall die Klasse "active" hat. Und falls ja, welcher, denn dein neuer Eintrag scheint es jedenfalls nicht zu sein. Die Klasse "trail" bekommt ein Eintrag nur, wenn eine Unterseite davon "active" ist.

Von welcher Version aus hast du denn ein Update auf 3.5.12 durchgeführt?

[mlweb]

Poste doch mal ein Screenshoot vom Backend des FE-Moduls der Navigation.

[Andreas]

Wenn du von Contao 2.6 auf 3.5.12 geupt hast, da kann sich schon einiges geändert haben mit den Klassen in der Navigation.

Ich meine da gab es eine kleine Anpassung bezüglich .active, .trail bei Weiterleitungen oder so ähnlich. Das Problem dürfte mit einer Anpassung des CSS behoben werden können, dazu solltest du aber einen Link auf die Seite zeigen.

easyupdate3 hat da übrigens nichts mit zu tun.

[mlweb]

@Andreas Link ist im ersten Post.

Nachtrag: Wie kommst Du auf Update von Version 2.6?

[Andreas]

@Andreas Link ist im ersten Post.

Nachtrag: Wie kommst Du auf Update von Version 2.6?

Ah, sorry, der Kontrast war so niedrig, da ist mir der Link nicht aufgefallen.

Tja, die Leute schreiben immer "ich habe auf 3.5.12 geupt und jetzt habe ich ...". Es macht halt einen Unterschied ob ich von 2.6 oder von 3.5.11 auf 3.5.12 update, da bin ich einfach mal vom Schlimmsten ausgegangen Will sagen die Info von welcher Version ich komme, bzw. wo es noch funktioniert hat ist wichtig.

[tab]

Ja, den Link hatte ich auch nicht bemerkt, nur die Screenshot. Jedenfalls sieht das HTML komisch aus. Erstens wird auf der neuen letzten Unterseite nur die Klasse "trail" zugewiesen und nicht "active", was auf den anderen Unterseiten passiert. Und auch das span fehlt bzw es wird ein Link ausgegeben. Ich denke, Contao erkennt nicht, dass dies die aktuelle Seite ist. Das "ß" dürfte das Problem sein. Zuerst dachte ich, das kann es nicht sein wegen "Kühlwestenpoker", aber hier wird das "ü" im Alias durch "ue" ersetzt, während das "ß" zu "%C3%9F" wird. Versuch mal den (Seiten-)Alias zu ändern, also z.B. auf "die-ganz-grosse-dosis" und schau, ob es dann funktioniert.

[WWSelec]

Das Update habe ich von 3.5.9 gemacht, dort lief alles wie es sollte. Die Erst-Version müßte 3.2 oder ähnlich gewesen sein, bin mir nicht ganz sicher.

@mlweb

Hier meine FE-Module:

FE Module.JPG

@tab

Probiere ich morgen früh einmal aus, obwohl ich gestern schon eine neue Seite mit dem Titel "Test" hinzugefügt habe und auch diese wurde in der Navigation ebenfalls falsch dargestellt.

[mlweb]

Die Übersicht meinte ich nicht.
Ist aber egal, verfolge mal bitte den Hinweis von @tab mit dem "ß" im Alias. Ich habe das gerade in den Demo nachgestellt. Mit "ß" im Alias wird die eine Seite nicht als active erkannt und kein span erstellt.
Umlaute, ß etc. im Alias sind ohnehin keine gute Idee. Lass den Alias automatisch von Contao erzeugen, dann passiert soetwas auch nicht.

[WWSelec]

Ich danke euch!
War genau der Fehler, nachdem ich das "ß" abgeändert habe wird nun alles richtig angezeigt. Habe es jetzt zwar überall geändert, aber es dürfte nur im Alias nur nichts zu suchen haben.

[Andreas]

Du kannst in die meisten Felder (Name, Titel, Beschreibung ...) richtiges Deutsch reinschreiben mit Sonderzeichen usw. außer in das Feld Alias. Fülle dieses Feld am besten nicht aus und speichere dann die Seite, Contao erzeugt dabei einen Alias, mit dem du keine Schwierigkeiten bekommst.

[Spooky]

Ich vermute hier eher einen Bug in Contao. Weil prinzipiell kann man auch in einem Alias alles mögliche verwenden.

[tab]

Ja, ich bin mir da nicht ganz sicher, ob es dazu nicht sogar schon einen Issue gibt oder ob das nur mal irgendwo in einem verwandten Issue erwähnt worden ist. Jedenfalls habe ich irgendwann in den letzten Monaten mal was von Problemen mit "ß" im Zusammenhang mit der Erkennung der aktiven Seite gelesen.

[Andreas]

Ja, wenn man es reinschreiben kann, sollte es auch funktionieren, sonst ist es ein Bug.

Er sollte aber dennoch die Aliase von Contao erzeugen lassen, da er da ein wildes Durcheinander hat. Mal mit id-n-... davor, mal Groß- mal Kleinschreibung, mal zusammen mal mit Trennstrich.