Closed Bug 808774 Opened 12 years ago Closed 12 years ago

translate3d shifts form elements

Categories

(Firefox :: Untriaged, defect)

16 Branch
x86_64
Windows 7
defect
Not set
major

Tracking

()

RESOLVED DUPLICATE of bug 467442

People

(Reporter: mark, Unassigned)

References

()

Details

(Keywords: css3, regression, testcase)

Attachments

(1 file)

(deleted), text/html
Details
Attached file demo.htm (deleted) —
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
Severity: normal → major
Keywords: css3
Attachment #678456 - Attachment mime type: text/plain → text/html
(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.
Status: UNCONFIRMED → NEW
Ever confirmed: true
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 .
Status: NEW → RESOLVED
Closed: 12 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: