Bug 118938 - CSS transforms do not apply to the options of a selectbox
Summary: CSS transforms do not apply to the options of a selectbox
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Major
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-07-19 22:31 PDT by satya
Modified: 2022-07-13 14:57 PDT (History)
2 users (show)

See Also:


Attachments
Test file (739 bytes, text/html)
2013-07-19 22:31 PDT, satya
no flags Details
Patch (1.64 KB, patch)
2013-07-23 06:35 PDT, Santosh Mahto
simon.fraser: review-
Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description satya 2013-07-19 22:31:21 PDT
Created attachment 207186 [details]
Test file

When there is transform applied, the drop-down will not honor the scale.
Use the attached transTest.htm to reproduce the page.
Steps:
1. Find the attached transTest.htm
2. Open in Chrome
3. Click on the select box to open the drop-down
Dorpdown is bigger than the select box

Expected result: Dropdown should be of same width to that of select box
Comment 1 Santosh Mahto 2013-07-23 06:35:34 PDT
Created attachment 207325 [details]
Patch
Comment 2 Santosh Mahto 2013-07-23 06:54:02 PDT
I dont see any reason we should ignore css transform while calculating the size 
of popup.
So Adjusted the code.
Comment 3 Simon Fraser (smfr) 2013-07-24 19:53:47 PDT
Comment on attachment 207325 [details]
Patch

Needs a testcase. What does this mean for popup menus?
Comment 4 Santosh Mahto 2013-08-15 04:12:51 PDT
(In reply to comment #3)
> (From update of attachment 207325 [details])
> Needs a testcase. What does this mean for popup menus?
In normal case we expect: popup menu width ==  select element width.
But when we change the width (e.g by scaling) of select element by css transform 
then popup menu width is not changed and it remains to be original width
so with transformed applied popup menu width !=  select element width. 

I found difficulty in creating testcase covering size of popup menu.
could you suggest already present popupmenu testcase
.
Comment 5 Santosh Mahto 2013-08-15 04:13:03 PDT
(In reply to comment #3)
> (From update of attachment 207325 [details])
> Needs a testcase. What does this mean for popup menus?
In normal case we expect: popup menu width ==  select element width.
But when we change the width (e.g by scaling) of select element by css transform 
then popup menu width is not changed and it remains to be original width
so with transformed applied popup menu width !=  select element width. 

I found difficulty in creating testcase covering size of popup menu.
could you suggest already present popupmenu testcase.
Comment 6 Santosh Mahto 2013-09-04 20:51:54 PDT
it seems bug #66062  and this address same issue.
Details Discussion is there about effect:
https://bugs.webkit.org/show_bug.cgi?id=66062
Comment 7 Santosh Mahto 2013-09-05 02:19:41 PDT
May I know why current code is
IntRect absBounds = absoluteBoundingBoxRectIgnoringTransforms();

and you updated patch with
https://bugs.webkit.org/show_bug.cgi?id=15678
 IntRect absBounds = absoluteBoundingBoxRect();
Comment 8 Brent Fulgham 2022-07-13 14:57:20 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.