Re: Buttons schwer zu treffen
Verfasst: Fr 29. Sep 2023, 18:57
Ja, es gibt da noch Unterschiede.
Zum Screenshot "Bildschirmfoto_Firefox3.png":
1. Leiste des inline TinyMCE Editors
Das Verhalten, dass die Leiste des inline TinyMCE Editors initial auf der Seite auftaucht, ist mir auch aufgefallen. Das passiert in Firefox und die Ursache liegt in der Initialisierung des TinyMCE Editors. Da wird das Markup bereinigt und initial gesetzt. Dies sorgt für einen Fokus-Event, was dann wiederum die Leiste inline TinyMCE Editors darstellt. In anderen Browsern ist das nicht der Fall. Lokal bei mir habe ich das gelöst, es aber noch nicht in GitHub übernommen.
2. Titel der Seite und Bild-Icon
Der Titel der Seite und das Bild-Icon haben jeweils einen z-index, der dafür sorgt, dass sie über dem maximierten TinyMCE Editor liegen.
Das Problem mit dem Titel kann man vorerst im CSS des Frontends beheben. Wenn der inline TinyMCE Editor maximiert wird, setzt es die CSS-Klasse 'mce-fullscreen' im body-Tag, mit folgendem Selektor in deiner CSS lässt sich das lösen:
Das Bild-Icon sollte in CONTENIDO gefixt werden, bis dahin kannst du das auch wie folgt in deiner CSS lösen:
Diese Punkte sollten in CONTENIDO noch verbessert werden. Das mit den Buttons ist ein Fehler in CONTENIDO, ansonsten muss man immer damit rechnen, dass im Edit-Modus das Layout des Frontends sich mit den Backend-Elementen (TinyMCE Editor und Buttons) nicht immer verträgt.
Nachtrag:
Ich habe ein Ticket dafür aufgemacht.
Zum Screenshot "Bildschirmfoto_Firefox3.png":
1. Leiste des inline TinyMCE Editors
Das Verhalten, dass die Leiste des inline TinyMCE Editors initial auf der Seite auftaucht, ist mir auch aufgefallen. Das passiert in Firefox und die Ursache liegt in der Initialisierung des TinyMCE Editors. Da wird das Markup bereinigt und initial gesetzt. Dies sorgt für einen Fokus-Event, was dann wiederum die Leiste inline TinyMCE Editors darstellt. In anderen Browsern ist das nicht der Fall. Lokal bei mir habe ich das gelöst, es aber noch nicht in GitHub übernommen.
2. Titel der Seite und Bild-Icon
Der Titel der Seite und das Bild-Icon haben jeweils einen z-index, der dafür sorgt, dass sie über dem maximierten TinyMCE Editor liegen.
Das Problem mit dem Titel kann man vorerst im CSS des Frontends beheben. Wenn der inline TinyMCE Editor maximiert wird, setzt es die CSS-Klasse 'mce-fullscreen' im body-Tag, mit folgendem Selektor in deiner CSS lässt sich das lösen:
Code: Alles auswählen
.mce-fullscreen .box_header_row_1_a {
z-index: 0;
}
Code: Alles auswählen
.mce-fullscreen .cms_abstract_img,
.mce-fullscreen .cms_date .ui-datepicker {
z-index: 0 !important;
/* falls z-index nicht wirk */
display: none;
}
Nachtrag:
Ich habe ein Ticket dafür aufgemacht.