Redactor: Scrollen nach dem Anzeigen der HTML-Quelle nicht möglich

Erstellt am 24. Jan. 2019  ·  17Kommentare  ·  Quelle: craftcms/redactor

97

Bereits gemeldet, aber wegen Inaktivität geschlossen.

Ich habe hier genau das gleiche Problem, aber die Bildlaufleiste verschwindet nicht, funktioniert einfach nicht.
Wenn Sie die Größe des Fensters ändern, funktioniert es, bis ich erneut scrolle.

Kein Fehler in der Browserkonsole.

Gleiche Schritte zum Reproduzieren:

  1. Aktivieren Sie das HTML-Quell-Plugin ( _button?_ ) für das Redactor-Feld
  2. Fügen Sie so viel Text ein, dass eine Bildlaufleiste angezeigt wird
  3. HTML-Quelle des eingefügten Textes anzeigen
  4. Runterscrollen
  5. Nach dem Herunterscrollen verschwindet die Bildlaufleiste (_ nicht für mich _). Der Benutzer kann nicht nach oben scrollen - beim Versuch "springen" die Seiten ein wenig nach oben und kehren dann zur vorherigen Position zurück. Alle Redactor-Schaltflächen verschwinden.

Das einzige, was hier ist, ist, dass ich meiner Redactor-Konfiguration eine benutzerdefinierte Formatierung hinzugefügt habe, aber nach einigen Tests macht es keinen Unterschied.

Craft-CMS 3.1.3
Redaktor 2.3.0

Hilfreichster Kommentar

@angrybrad

https://streamable.com/f6we5

(Das Warten, bevor ich versuche, auf die Bildlaufleiste zu klicken, ist, dass ich versuche, mit der Maus zu scrollen.)

Alle 17 Kommentare

Ich kann das immer noch nicht reproduzieren, habe aber gerade die Version 2.3.2 veröffentlicht, die eine neuere Redactor-Version enthält. Dies ist jetzt wahrscheinlich behoben, aber lassen Sie es mich wissen, wenn dies nicht der Fall ist.

Gerade auf die neueste Version aktualisiert und der Fehler ist immer noch da!

Anscheinend ist es in Firefox behoben, aber immer noch hier in Chrome 72.

Ich bin auf einem Windows 10-System.

Können Sie diesen Fehler auf https://imperavi.com/redactor/ reproduzieren?

Ich habe das gleiche Problem mit Windows 10 auf der neuesten Version von Chrome. Neueste Version von Craft und die neueste Version des Plugins. Wenn ich zur Codeansicht wechsle, wird das HTML angezeigt, aber beim Scrollen wird die Bildlaufleiste sofort nach unten verschoben und es wird nur ein leeres schwarzes Feld angezeigt, und die Bildlaufleiste wird eingefroren. Ich habe auf der obigen Imperavi-Seite bemerkt, dass, wenn ich die gleiche Menge an Text hinzufüge und die Ansicht wechsle, die Codeansicht eine große Menge an schwarzem Raum unter dem Code hat, dh der Editor hat die gleiche Höhe wie der Textmodus beibehalten. Ich frage mich, ob dies vielleicht ein Teil des Problems ist. Derzeit ist es nicht möglich, den Code-Modus zu verwenden.

Gerade auch bemerkt, dass es nur beim Umschalten von einer Langtextansicht in die Codeansicht auftritt. Wenn Sie ein leeres Redactor-Feld haben und in die Codeansicht wechseln und den Code einfügen, funktioniert die Bildlaufleiste innerhalb des Felds einwandfrei.

@lettie16 kannst du diesen Fehler auf https://imperavi.com/redactor/ reproduzieren?

Können Sie diesen Fehler auf https://imperavi.com/redactor/ reproduzieren?

Hallo Andris,

Nein, ich kann es auf dieser Seite nicht replizieren. Aber ich denke nicht, dass dies ein vergleichbarer Vergleich ist. Ich glaube, es hat etwas damit zu tun, wie es mit dem Craft-CMS-Feld interagiert. Wie ich oben erwähnt habe, funktioniert das Einfügen in die Codeansicht einwandfrei, wenn Sie ein sauberes leeres Feld haben, aber die Bildlaufleiste befindet sich innerhalb der Bearbeitung wie in diesem Editor.

Wenn Sie viel Text in die Textansicht einfügen und dann zur Codeansicht wechseln, tritt das Problem auf und die Bildlaufleiste wird außerhalb des Editors angezeigt, dh das gesamte Feld wird gescrollt, nicht nur der Editor, außer dass dies nicht der Fall ist, da es einfriert.

Ich denke, es hat vielleicht etwas damit zu tun, wie der Code die Höhe des Editors nach dem Wechseln der Ansichten neu berechnet.

Es ist schwierig, dies unter Windows 10, Chrome 72 und der neuesten Version von Craft 3 und Redactor zu reproduzieren. Kann jemand vielleicht ein kurzes Video des Verhaltens aufnehmen, falls ich irgendwo einen Schritt verpasse?

@angrybrad

https://streamable.com/f6we5

(Das Warten, bevor ich versuche, auf die Bildlaufleiste zu klicken, ist, dass ich versuche, mit der Maus zu scrollen.)

@timoteh hrm ... vielleicht hat es etwas damit zu tun, dass man sich in Matrix / Super Table befindet? Können Sie Ihre composer.json-Datei und einen Datenbank-Dump an [email protected] senden und auf dieses Problem verweisen und uns auf den Eintrag/das Feld in dem von Ihnen verwendeten Video verweisen?

Ich habe versucht, es außerhalb einer Matrix/Super-Tabelle zu verwenden, und das Ergebnis ist dasselbe.

@angrybrad , fertig!

@timoteh Ich konnte das nach einiger Zeit zunächst reproduzieren, aber zurückgehen kann ich nicht mehr. Können Sie sich vergewissern, dass Sie auf dem neuesten Chrome/Reactor und Craft sind, und sehen, ob es immer noch ein Problem für Sie ist?

@angrybrad
Gerade in Chrome probiert, immer noch das gleiche.

Google Chrome
Version 73.0.3683.103 (offizieller Build) (64-Bit)
Craft-CMS 3.1.23
Redakteur 2.3.2

@timoteh vielleicht hat es etwas mit Bildschirmgröße/Auflösung zu tun? Hast du den Browser maximiert und in welcher Auflösung?

@angrybrad Ja, maximiert, aber selbst wenn ich versuche, mit der Bildschirmgröße zu spielen, erhalte ich immer das gleiche Ergebnis. Ich habe versucht, es auf mehreren Craft 3-Setups zu reproduzieren, und ich kann es immer!

Meine Kollegen auf iOS können es nicht mehr reproduzieren, also hier ist mein Setup:
image

Und was ist mit dir @lettie16 ?

Dieses Problem wird auch unter Win10 + Chrome 74.0.3729.131 + Craft 3.1.25 + Redactor 2.3.3.2 angezeigt

Ich habe in den Entwicklertools bemerkt, dass etwas im Javascript in einer Endlosschleife gefangen zu sein scheint, da es beginnt, dieses div immer wieder auf "display: none" zu setzen:

<div class="redactor-styles redactor-in redactor-in-0" dir="ltr" aria-labelledby="redactor-voice-0" role="presentation" contenteditable="true" domtargetshow="" style="display: none;">

Einige weitere Anmerkungen:

  • Es scheint, als ob das Javascript das scrollbare Element dazu zwingt, ganz nach unten zu scrollen.
  • Es stoppt, wenn ich auf eine andere Feldlayout-Registerkarte klicke (dh das Redactor-Feld ausblende).
  • Bei einem längeren Beitrag scheint es nicht sofort beim Scrollen ausgelöst zu werden – ich muss eine bestimmte Menge nach unten scrollen, bevor der Fehler eintritt.

Es wurde eine CSS-Lösung dafür gefunden, indem verhindert wurde, dass das contenteditable -Div, das den WYSIWYG-Inhalt enthält, auf display: none gesetzt wird, wenn das Quell-Div sichtbar ist, was wiederum zu verhindern scheint, dass Redactor in eine Endlosschleife geht . Fügen Sie dieses CSS zu Ihrem CP hinzu:

.redactor-source-view [contenteditable="true"] {
    display: block !important;
    height:0 !important;
    width:0 !important;
    padding:0 !important;
    overflow: hidden !important;
}

Testen in den neuesten Versionen von Chrome und Firefox auf dem Mac und Chrome auf dem PC.

Sie können mit diesem praktischen Plug-in testen, wie CSS zum Control Panel hinzugefügt wird: https://github.com/doublesecretagency/craft-cpcss

@croxton danke für die Lösung! Da ich es immer noch nicht reproduzieren kann, verlasse ich mich einfach darauf :)

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

jsunsawyer picture jsunsawyer  ·  15Kommentare

sandissauka picture sandissauka  ·  16Kommentare

cstudios-slovakia picture cstudios-slovakia  ·  6Kommentare

davist11 picture davist11  ·  13Kommentare

lindseydiloreto picture lindseydiloreto  ·  3Kommentare