URL: https://codepen.io/tr0pical1nternet/pen/dxgobm
Browser / Version: Firefox 70.0
Operating System: Windows 10
Tested Another Browser: Yes
Problem type: Something else
Description: Absolute positioned divs don't resize to accommodate horizontal scroll bar.
Steps to Reproduce:
As far as I can tell, when you have an absolute positioned div that has a height based on a percentage of the parent, it doesn't shrink to accommodate a horizontal scrollbar, even if its parent does. SVGs don't have this same issue. The only browser I've noticed this issue in is Firefox on Windows. I have tried it on OSX in Firefox, Chrome, and Safari, as well as iOS and Chrome on Windows.
Browser Configuration
From webcompat.com with ❤️
URL: https://codepen.io/tr0pical1nternet/pen/dxgobm
Browser / Version: Firefox 70.0
Operating System: Windows 10
Tested Another Browser: Yes
Problem type: Something else
Description: Absolute positioned divs don't resize to accommodate horizontal scroll bar.
Steps to Reproduce:
As far as I can tell, when you have an absolute positioned div that has a height based on a percentage of the parent, it doesn't shrink to accommodate a horizontal scrollbar, even if its parent does. SVGs don't have this same issue. The only browser I've noticed this issue in is Firefox on Windows. I have tried it on OSX in Firefox, Chrome, and Safari, as well as iOS and Chrome on Windows.
Browser Configuration
From webcompat.com with ❤️