Closed
Bug 808774
Opened 12 years ago
Closed 12 years ago
translate3d shifts form elements
Categories
(Firefox :: Untriaged, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 467442
People
(Reporter: mark, Unassigned)
References
()
Details
(Keywords: css3, regression, testcase)
Attachments
(1 file)
(deleted),
text/html
|
Details |
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
Updated•12 years ago
|
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
Comment 2•12 years ago
|
||
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 .
Updated•12 years ago
|
Status: NEW → RESOLVED
Closed: 12 years ago
Resolution: --- → DUPLICATE
Updated•9 years ago
|
Keywords: regressionwindow-wanted
You need to log in
before you can comment on or make changes to this bug.
Description
•