I noticed it just now, when creating something. There was that extra bottom padding on
textarea, even though I put
box-sizing: border-box; for it.
I couldn't see what's that empty space using box-model inspector. Then, I remembered the
The extra bottom padding on
textarea on Firefox is actually the (hidden) bottom horizontal scroller bar. It's displayed as empty space if we didn't declare the
Here's a list about the
If you want both x and y
scrollbars to always appear
Making both x and y
scrollbars to disappear
scrollbar but not the x
SOLUTION: Make the x
scrollbar to disappear but let the y one
I think that's kind of a display "bug" on Firefox. Or not, I'm not sure.
Because by default (on Chrome, for instance),
overflow property is set to
auto means when there's no overflowing stuffs from the element (
scrollbar or extra empty space will be shown.
Anyway, as I strolled around on the web, the
overflow: auto; property has "weird" behavior on
textarea on any browser, not just Firefox.
overflowproperty for the
textareaelement to remove that bottom empty space.