I'm currently working on a layout similar to an email or tasks interface, where the page has a fixed header and three columns. The left column is also fixed, while the center and right columns have fixed headers. Everything seems to be functioning as expected, but when I try to scroll within the left sidebar, it ends up scrolling the entire page up and down.
If you'd like to see the issue in action, check out this link: https://play.tailwindcss.com/gUiPZAyybX
My goal is for the entire page to be set to the height of the screen, with only the center and right columns being able to scroll. Unfortunately, I haven't been successful in preventing the entire page from scrolling altogether.