758136 - Auto scrolling when focusing form fields/anchors does not take CSS transforms into account.

Status: RESOLVED DUPLICATE of bug 750618

(Firefox :: Untriaged, defect)

Description

[Chris Partridge]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:15.0) Gecko/15.0 Firefox/15.0a1
Build ID: 20120523164348

Steps to reproduce:

We have placed several form fields and links inside a div and then applied a CSS transform (scale) to said div. This shrinks the div in the browser so all/more content is visible to our users.

Abstract demonstration here: http://jsfiddle.net/eFVS5/3/
(I have included webkit transforms to show that this works in webkit based browsers)


Actual results:

When tabbing through the fields/anchors, Firefox will auto-scroll to an element that is partially or completely off the screen. With the CSS scale transform applied, it appears to eventually auto-scroll you away from the focused element and also auto-scrolls when a field/anchor is already visible in the windows view port.

Please see the demonstration above, place your cursor in the first field and tab to the bottom - you will eventually see all content disappear to the top of the scrollable div.


Expected results:

The auto-scrolling should take the CSS transform into account and scroll to the correct position in the window if tabbing to an off screen/partially off screen element. It should also not auto-scroll when an element, that is in the current view port, is focused.

To see a working example, load my demonstration link above in any recent webkit based browser .

Comment 1

[Alice0775 White]

maybe duplication of Bug 750618

Comment 2

[Chris Partridge]

Hi Alice,

Yes, this is the same issue it would appear

I was searching for "transform" when looking for duplicates - is there anyway to merge bugs so I can still get notifications on it's status?

Regards,

Chris

Comment 3

[Stefan Weiss [:sir_none]]

I think it is solved in the other bug - will check and close it if true