activivan
Neues Mitglied
Hallo zusammen,
ich habe ein Projekt, das Bootstrap 5 benutzt. Dabei taucht bei mir bei der Benutzung von Modals ein Problem auf. In meinem Projekt füllt eine JavaScript Funktion, um ein Modal anzuzeigen, ein div mit dem HTML des anzuzeigenden Modals. Danach wird dieses Modal mit der in den Bootstrap Docs vorgeschlagenen Funktion
Das hier ist ein JSFiddle Beispiel: https://jsfiddle.net/activivan/5yxv84bo/22/
Ich hoffe, irgendjemand kann mir bei der Lösung dieses Problems helfen!
Viele Grüße
activivan
ich habe ein Projekt, das Bootstrap 5 benutzt. Dabei taucht bei mir bei der Benutzung von Modals ein Problem auf. In meinem Projekt füllt eine JavaScript Funktion, um ein Modal anzuzeigen, ein div mit dem HTML des anzuzeigenden Modals. Danach wird dieses Modal mit der in den Bootstrap Docs vorgeschlagenen Funktion
new bootstrap.Modal(document.getElementById(id)).show();
angezeigt. Dies funktioniert auch soweit gut, jedoch werden bei mir auch Modals von einem Button, der sich in einem bereits offenen Modal befindet, ebenfalls mit dieser Funktion erzeugt und angezeigt. Um das bereits offene Modal zu schließen, hat dieser Button ein Bootstrap data-bs-dismiss="modal"
Attribut, was auch funktioniert. Das neue Modal wird auch angezeigt, doch hier taucht das Problem auf: Das zweite Modal kann nicht gescrollt werden! Ich habe versucht, den Grund dafür herauszufinden, und habe herausgefunden, dass Modals nur gescrollt werden können, wenn der body tag die modal-open
class von Bootstrap hat. Bei dem ersten Modal, wird diese auch automatisch hinzugefügt und wenn es geschlossen wird entfernt, jedoch nicht beim zweiten!Das hier ist ein JSFiddle Beispiel: https://jsfiddle.net/activivan/5yxv84bo/22/
Ich hoffe, irgendjemand kann mir bei der Lösung dieses Problems helfen!
Viele Grüße
activivan