Modal problem

0

I'm trying to use the modal bootstrap to change the information of the table names, but when I call the modal happens what is appearing in the image, it is superimposed behind.

I'musingGoogle's link as the main theme, and I've already identified that what causes this is the class mdl-layout__content, when I remove it this problem happens, but the page layout does not stay the way it should.

How can I resolve this?

    
asked by anonymous 04.07.2018 / 14:13

1 answer

1

/getmdl.io/templates/dashboard/index.html "> link

This is the default value of class mdl-layout__content see the comment in z-index.

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1; /* vc precisa alterar esse z-index ou colocar um z-index maior que 1 no modal*/
    -webkit-overflow-scrolling: touch;
}

So you have to work with this z-index or :1 of the modal to bring it forward.

    
04.07.2018 / 15:13