When browsing on mobile, answers and their comments appear in their own container (<div class="-summary answer">
).
This class is configured with overflow: auto
and something within the container causes the content to be slightly taller, resulting in a rather annoying issue when trying to scroll via touch / drag
All I can tell is that it's something within the comments section, possibly to do with the comment form toggle since the problem isn't present for deleted answers (no toggle present).
Update: The issue appears to be this element
It is an inline element with a vertical padding of 9px
top and bottom. Since it's inline, its container does not account for the padding-based height (line-height
would be a better option than padding
here). This creates a bottom margin which pushes out of the container height, creating a scrollable area.