How to make modal overlay scrollable using CSS -


how make overlay scrollable when modal's length has exceeded current view's height?

my overlay has following css:

.ngdialog-overlay {   position: fixed;   background: rgba(0, 0, 0, 0.4);   top: 0;   right: 0;   bottom: 0;   left: 0;   -webkit-backface-visibility: hidden;   -webkit-animation: ngdialog-fadein 0.5s;   animation: ngdialog-fadein 0.5s; } 

if remove top, right, bottom , left properties, can scroll outside modal fine, don't have overlay visible.

most of solutions i've found in use code above (with exception of -webkit , animation), it's not working me.

have tried overflow: auto; on dialog?

.ngdialog-overlay {   position: fixed;   background: rgba(0, 0, 0, 0.4);   top: 0;   right: 0;   bottom: 0;   left: 0;   -webkit-backface-visibility: hidden;   -webkit-animation: ngdialog-fadein 0.5s;   animation: ngdialog-fadein 0.5s;   overflow: auto; } 

Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -