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

Example URL:
https://jsfiddle.net/texon/zogdvg30/

Steps to reproduce the problem:
1. For wrap-block: {height: 100vh; width: 100vw; transform-style: preserve-3d;
	perspective: 900px;
	perspective-origin: center center;}
2. For child-block: {position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	transform-origin: 0 0;
	transform: rotateX(-90deg);}
3. The problem arises at certain window-width and -height values.
4. If you change the angle of rotation when hovering, the content will appear. But when it returns and after resizing or refreshing - it is disappeared again.

What is the expected behavior?
The contents of the block should be displayed correctly for any width and height of window.

What went wrong?
The content of the rotated block is not displayed. 
The problem arises at certain width and height values. 
The code illustrating this problem is attached by reference to jsfiddle.
https://jsfiddle.net/texon/zogdvg30/

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes 61

Does this work in other browsers? Yes

Chrome version: 62.0.3202.89  Channel: stable
OS Version: 10.0
Flash Version: 

If you change the angle of rotation when hovering, the content will appear. But when it returns and after resizing or refreshing - it is disappeared again.

If you slowly change the width of the window, you will see how 30% of the content disappears first, and then all the content in the top block.

In versions 61... this problem was not observed, and the contents of the blocks were displayed correctly.