search

JohnEarnest / ok

An open-source interpreter for the K5 programming language.
MIT License
588 stars 72 forks source link

Fix Firefox input area overlap issue #5

Closed SharpenedSpoon closed 9 years ago

SharpenedSpoon commented 9 years ago

Firefox (apparently) renders display: table-row a little differently than other browsers. Since #scroll-w had height: 100% and #scroll-h had height: 100% with padding: 5px, then the total height of #scroll-h ended up being "100% of #scroll-w's height plus 10 pixels". Applying -moz-box-sizing: border-box to #scroll-h causes firefox to calculate the height of #scroll-h to be 100% of #scroll-w's height, no matter what extra padding (or borders) are added. Note that applying this same style to chrome/safari (with box-sizing: border-box) breaks #scroll-h's height and causes it to be too short.

JohnEarnest commented 9 years ago

Excellent! Thanks for tracking this down.