UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.92 Safari/537.36

Steps to reproduce the problem:
jsfiddle with minimal steps to reproduce: http://jsfiddle.net/s9afbc12/4/

What is the expected behavior?

What went wrong?
Conditions:
- There is this layout order: flex parent > flex child with relative position > absolute wrapper 1 > absolute wrapper 2. 
- MacOS 10.12, settings: Preference > General > Show scroll bars > select Always
What when wrong: 
- absolute wrapper 2 won't be able to fill absolute wrapper 1's content. Please take a look at jsfiddle attached. This bug does not happen on IE on Windows, Firefox on MacOS.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 69.0.3497.92  Channel: n/a
OS Version: OS X 10.12.6
Flash Version: