788556 - focusing in/out from input inside a css3 translated div messes up other elements

Status: RESOLVED DUPLICATE of bug 750618

(Firefox :: Untriaged, defect)

Description

[nick_skants]

Attachment: page before clicking in the form inputs

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:15.0) Gecko/20100101 Firefox/15.0
Build ID: 20120824154833

Steps to reproduce:

I have a div container, say 1000px fixed width. Inside 3 container. First and third are menus (100% width), second is the content. The second is also 100% width (overflow:hidden) and contains a 400% div, call it slider. I move the slider div with jquery by changing transform property to "translate(-25%,0)" for example.


Actual results:

If i have a form with inputs on previously hidden part of my slider div, then clicking, writing, tabbing on inputs make my menus div disappear. It seems like if the viewport of browser slide to the right.


Expected results:

If I change margin-left property instead of transform property all works good letting me filling the inputs and see normal content of the page.

Comment 1

[Loic]

Could you attach a minimal testcase (this one in your screenshot maybe) to this bug, please?

Comment 2

[nick_skants]

Attachment: simple html example of the problem

At page 3 there is a form. Tabbing on inputs makes viewport moving to the right. Same thing happens when autocomplete comes out.