I'm struggling to create a sticky footer like the one on w3schools.
Even though I used the same code in my material UI demo, it's not functioning properly.
I tried debugging by changing the position from fixed to absolute, but it still isn't working. Any ideas if this issue is related to material UI or display block?
If you click on the advanced search tab, you'll see the red-colored footer in the drawer. Here are links to my code snippet and sandbox:
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_fixed_footer
https://codesandbox.io/s/jvmoj49w1y
footer: {
position: "fixed",
left: 0,
bottom: 0,
width: 100,
backgroundColor: "red",
color: "white",
textAlign: "center"
}
<div className={classes.footer}>
<p>Footer</p>
</div>