Bootstrap modals scrolling to top on backend pages

[AndiLeni]

Description / Beschreibung
Fügt man ein Bootstrap Modal ein, springt die Seite beim Öffnen des Modals nach oben und beim Schließen des Modals wieder nach unten.
Das Problem liegt an der .modal-open Klasse, welche von Bootstrap zum body Tag hinzugefügt wird.
Dadurch wird overflow: hidden gesetzt.

Affected versions / Verwendete Versionen
In 5.14.2 ist dieses Verhalten zu beobachten.

Für eine einzelne Seite eines Addons habe ich das Problem mit folgender CSS Regel gelöst:

#rex-page-statistics-stats.modal-open {
    overflow: visible;
}

428.mp4

[DanielWeitenauer]

Das liegt daran, dass der body den Stil height:100%; hat. Ohne den Stil springt die Seite nicht.

[AWqxKAWERbXo]

Ich weiß, es ist ein Aufwand der bisher aus guten Gründen nicht gegangen wurde, aber Bootstrap 3 wurde am 19. August 2023 veröffentlicht.

11 Jahre später gibt's Bootstrap 5.4 und entsprechende UI-Elemente. Mich behindert es auch maßgeblich bei der Addon-Entwicklung, nutzerfreundliche Oberflächen zu gestalten. Modals einfach nutzen zu können ist ein Beispiel.

Wenn ich wüsste, dass die Entscheidung mal fällt, könnte ich auch Zeit investieren. Da keine Richtung vom Core-Team klar ist, fürchte ich, gibt's REDAXO 6 auch 2029 noch mit Bootstrap 3.

[christophboecker]

Nimm doch das Dialog-Element?

[skerbis]

ich schreibe mittlerweile eigene modals.