PopUp (Modal) horizonal scrollen lassen

[MQTT]

Hallo,
ich kriege es nicht hin ein Pop-Up mit fester breite auf einem zu kleinen Bildschirm scrollen zu lassen, vertikal klappt.

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 60px;
}

/* Modal-Inhalt */
.modal-content {
    background-color: #fefefe;
    padding: 8px;
    border: 1px solid #888;
    border-radius: 12px;
    max-height: 80vh;
    overflow-x: auto;
    overflow-y: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

overflow-x bringt leider nichts.

Meine Seite

MfG

 

[Oliver77]

Hmm ich hab's mal im Browser getestet, es will einfach kein Scrollverhalten entstehen,
vielleicht liegt das am position:fixed, man könnte auch mit display:flex den Inhalt zentrieren.

 

[MQTT]

ich hab´s inzwischen hin bekommen, es war "height: 95vw;"

 

[Oliver77]

achso dachte, du willst es horizontal scrollen lassen....