I have a page where I need to nest viewports. The problem is that the inner viewport is sized to the browser page and ends up adding scrollbars. Is there a way to do this? Or maybe there is a better way for me to design the page:

- I have a main Viewport so I could have a static header and footer.
- I use a DockLayoutPanel where the north panel is the header, the south panel is the footer, and the center panel is a scrollable VerticalLayoutContainer.
- The center panel is where the second Viewport is added. This is where the unnecessary scrollbars show up. I need a Viewport here in order to correctly lay out my page which uses a BorderLayoutContainer. I use the BorderLayoutContainer because my page needs to be split up into three widgets: west/center/south. I haven't been able to find a way to get the page to layout correctly without using the second Viewport.

Please let me know if there is a way to accomplish this. Thanks!