808774 - translate3d shifts form elements

Status: RESOLVED DUPLICATE of bug 467442

(Firefox :: Untriaged, defect)

Description

[mark]

Attachment: demo.htm

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.94 Safari/537.4

Steps to reproduce:

Apply css3 transform on parent element:

position:absolute;left:400px;transform: translate3d(-400px, 0px, 0px);

minimal example: http://jsfiddle.net/w8PRr/


Actual results:

Children form elements (input, select) has their hidden sub-parts shifted.

1. When clicking on input[type='text'], a hint dropdown shows up. But instead of showing BELOW element, hint is shifted by the offset amount
2. select options can not be clicked (the click area is also shifted and doesn't match displayed option)


Expected results:

input hint and options under select shouldn't be shifted

Comment 1

[Loic]

(In reply to mark from comment #0)
> 1. When clicking on input[type='text'], a hint dropdown shows up. But
> instead of showing BELOW element, hint is shifted by the offset amount
> 2. select options can not be clicked (the click area is also shifted and
> doesn't match displayed option)

It looks like there is a slight difference in the regression range between the imput and the selectbox.

1) Input: the hint dropdown is shifted
m-c
good=2012-07-01
bad=2012-07-02
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=d9d61d199b11&tochange=a31fc9052840


2) Selectbox: options cannot be hovered and clicked easily.
m-c
good=2012-06-30
bad=2012-07-01
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=f08d285b63b0&tochange=d9d61d199b11

For 1), I suspect:
Ms2ger — Bug 745523 - Part b: Unprefix transforms; r=dbaron This patch introduces unprefixed 'transform', 'transform-origin', 'perspective', 'perspective-origin', 'transform-style' and 'backface-visibility' properties, and updates the mochitests in layout/style to use them.

Need better regression investigation.

Comment 2

[Alice0775 White]

For 1), to find regression range, I should use -moz- prefix and layout.3d-transforms.enabled=true.And 2D transform also breaks autocomplete popoup.
           Regression is initial landing of CSS3 3d transform(Bug 403524 in Firefox8). and initial landing of 2d transform(Bug 435293 in Firefox3.5).
           This is duplicate of Bug 467442


For 2), this is duplication of bug 759993 .