The footer is displayed in the wrong position.

#1 · May 4, 2018, 3:23 pm

if I display more than 2 tables in the dashboard, then the footer is displayed in a table.

What can I do???

Thanks.

#2 · May 5, 2018, 4:39 pm

I'm also having this problem since upgrading to Angular 6/Material 6. (though I wasn't before that I know of). Still trying to sort out why it's happening. If I figure it out I'll post here.

#3 · May 5, 2018, 5:10 pm

Got it. in src\app\app.component.scss add this to the bottom:

#mainContent {
    max-height: none !important;
}

For some reason fxFill="grow" sets max-height:100%. Which means when you try to scroll past it with an accordion/table it sets the footer as the height of the page when it was loaded. I Don't know that this is the "right" way to fix it, but it fixed it for me, so there you go.

Ingo has reacted to this post.

#4 · May 5, 2018, 5:23 pm

@Jonathon

Hi,

I use Angular/Material 5 I change:

.app-footer {
    margin-top: 2em;
    height: 4em;
    text-align: center;
    position: fixed;
    bottom: 0;
    width:100%
}

Just its work fine. Thanks for your help.

regards Ingo

IMPORTANT!

This forum is now archived. Click here for the New Support Forum