travisdowns/travisdowns.github.io

comment fields extend off to the right on small devices

travisdowns opened this issue · 2 comments

With a viewport size of ~420 or less, the comment field no longer fits the viewport width but rather extend off to the right, with a fixed size of 420px:

image

This creates a horizontal scrollbar and means the default zoom might include this whitespace, among other annoyances.

The problem is that <fieldset> has an implicit min-width: content-width on most (all?) browsers, combined with a width: 420 for textfield causes the containing fieldset to have a min-width of 420, leading to this overflow.

fixed by getting rid of <fieldset>, not sure why those are there. Other fixes are possible if it needs to be added back for some reason.