Chrome Version       : 50.0.2661.102 (Official Build) m (32-bit)

URLs (if applicable) : https://jsfiddle.net/0hmgL4Lg/2/

Other browsers tested:
     Safari: 5.1.7 OK
    Firefox: 46.0.1 OK

What steps will reproduce the problem?

(1) Apply a CSS 180deg rotateX() transforms to a both parent and inner div with some content that overflows. e.g:

    <div style="transform:rotateX(180deg); width: 100px; overflow-y: auto;">
        <div style="transform:rotateX(180deg); width: 200px;">
            This is some very long content
        </div>
    </div>


   

(2) Copy those divs and place them inside another overall parent div:

<div>
    <div style="transform:rotateX(180deg); width: 100px; overflow-y: auto;">
        <div style="transform:rotateX(180deg); width: 200px;">
            This is some very long content
        </div>
    </div>
    <div style="transform:rotateX(180deg); width: 100px; overflow-y: auto;">
        <div style="transform:rotateX(180deg); width: 200px;">
            This is some very long content
        </div>
    </div>
</div>



(3) Set -webkit-column-count CSS on the overall parent div to be anything (at least 1) (-moz-column-count for firefox)

<div style="-webkit-column-count: 1;">
    <div style="transform:rotateX(180deg); width: 100px; overflow-y: auto;">
        <div style="transform:rotateX(180deg); width: 200px;">
            This is some very long content
        </div>
    </div>
    <div style="transform:rotateX(180deg); width: 100px; overflow-y: auto;">
        <div style="transform:rotateX(180deg); width: 200px;">
            This is some very long content
        </div>
    </div>
</div>


What is the expected result?
> The text "This is some very long content" should still be visible in both divs


What happens instead?
> The text is not visible. The divs still have the right size. You can highlight and copy the text even though you can't see it.

Please provide any additional information below. Attach a screenshot if
possible.

 

Deleted: chrome flipping bug.png 40.9 KB

	chrome flipping bug.png 40.9 KB View Download