[Webkit-unassigned] [Bug 50552] New: strange behavior of inputs/select after transfrom3d - scroll body and statusbar

Sun Dec 5 23:35:17 PST 2010

https://bugs.webkit.org/show_bug.cgi?id=50552

           Summary: strange behavior of inputs/select after transfrom3d -
                    scroll body and statusbar
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Major
          Priority: P2
         Component: WebKit Misc.
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: tw.general at gmail.com

<select> control that is invisible in time of "transfrom3d" execution, make strange behavior after click (move body tag for several pixels, as well as status bar)

quick reproduction:
1. create two divs, float lefts, inline-block in one large div
2. apply overflow:hidden on body
3. make transfrom3d with negative value (scroll div container left)

example code below

<style>
    body {

        -webkit-transform-style: preserve-3d;
        -webkit-transform: perspective(-900);
        width:1200px;
        overflow: hidden;
    }

    #pages
    {
        width:5000px;
        overflow: hidden;
        display: inline-block;
    }

    #page1,#page2
    {
        width:1300px;
        float:left;
        display:inline-block;
    }

    input, select, select:focus, input:focus, textarea {
    -webkit-transform: scale(1,1);
}

</style>

<script>
    function scrollleft()
    {
        document.getElementById('pages').style.webkitTransform = 'translate3d(-1300px, 0, 0)';
    }
</script>

<html>
    <button onclick="scrollleft()">lewo</button>
    <br>
    <div id="pages" name="pages" >
        <div id="page1">
            this is page 1
            <select>
                <option>1123123</option>
                <option>123</option>
                <option>123</option>
            </select>
        </div>
        <div id="page2">
            this is page 2
            <select>
                <option>1</option>
                <option>123</option>
                <option>123</option>
            </select>
        </div>
    </div>

</html>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.