Reactstrap: Flicker bemerkt auf Karussell Implementierung

Question

• Komponenten: Karussell
• reactstrap Version 5.0.0-alpha.3
• react Version # 16
• Bootstrap-Version # 4.0.0.beta2

Hallo,

Ich habe Reactstrap (was ein großartiges Tool!) In meiner App implementiert. Ich habe ein Karussell oben auf meiner Homepage hinzugefügt. Es läuft 4 Bilder mit Bildunterschriften. Ich benutze die neueste Reaktion. Ich habe ein Flimmern auf meiner Seite bemerkt, als ich das Karussell benutzte. Es passiert immer wieder und die betrachtbare Seite scheint einmal für weniger als eine Sekunde zu flackern und dann wieder alles normal zu werden. Das Flackern/Blinken scheint den Inhalt der Seite unter dem Karussell zu zeigen, aber es ist wirklich schwer zu sagen.

Ich habe alles versucht, was ich mir vorstellen kann, um das zu korrigieren. Ich benutze sogar will-change: transform css-Eigenschaft, um den Browser auf Leistung vorzubereiten. Nichts hat funktioniert.

Ich frage mich, ob es ein Problem mit react v16 oder wenn es ein Problem mit der Verwendung der Alpha-Version von reactstrap ist. Das heißt, ich kann das Problem nicht korrigieren.

Ich würde wirklich etwas Hilfe bei der Lösung dieses Problems zu schätzen wissen. Danke euch allen.

Danke

Answer 1

Haben Sie immer noch Probleme? Verwenden Sie Mozilla Firefox?

Versuchen Sie, "backface-visibility" auf .carousel-inner .item auf "visible" zu setzen.