Hmm, content insets hidden under top and bottom toolbars would be perfectly fine.
But why is the bottom one visible? And only the bottom one — analogously, why don’t we ever see a similar white area on top? There also is a top bar, which needs such an inset.
If the content height ≤ the available area, then there’s no scrolling involved, so no inset needs to take up additional vertical space, leaving less space to the actual content (my very first screenshot). In this case, if there is an inset, it should be hidden under the bottom bar, freeing up these pixels for the content, without a scrollbar.
If the content height > the available area, then I shouldn’t be able to scroll so far as to pull the inset from under the bottom bar.
But like I say, my main issue is that I cannot create a rectangle that occupies the whole height of the available area:
-
I cannot create a rectangle of height of the cyan line without scrollbars.
-
I can only create a rectangle of height of the purple line without scrollbars.
These additional pixels are always lost if I don’t want a scrollbar, which seems like a waste, and a UX issue that could be improved.
