iOS not containing content in grid cells marked as overflow:auto

[martinduo]

In a single column layout, iOS does not contain content in grid cells with an overflow:auto property. This bug is present in Safari, Chrome, and Firefox browsers running in iOS on an iPad. This PEN demonstrates the bug.

https://codepen.io/martinduo/pen/GvOWqX

Run this PEN in any browser on an iPad and you’ll see the first and third grid areas rendered showing all 17 rows of the element’s content. This is not the expected result.

Run this PEN in any other browser (that supports CSS Grid Layout) on any other device and you’ll see the first and third grid areas rendered showing 6 rows of content in a scrollable window. This is the expected layout.

[martinduo]

A later issue has been submitted for same bug, with a reduced demo of the problem, so this redundant issue is closed