UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36

Example URL:
https://jsfiddle.net/9zqejLng/1/

Steps to reproduce the problem:
When setting the -webkit-background-clip: text on outer <div> and inserting the inner <div> with position: relative or absolute, the text inside the inner <div> is transparent, without background clipping.

Demo: https://jsfiddle.net/9zqejLng/ and https://jsfiddle.net/9zqejLng/1/

What is the expected behavior?
Test inner1 should be red, but it is transparent.

What went wrong?
The -webkit-background-clip: text is not applied for a <div> having position: absolute or relative.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 65.0.3325.181  Channel: n/a
OS Version: 10.0
Flash Version: