Error in -webkit-transition rendering of <select> height and width

• Component: Layout and Rendering
• Status: RESOLVED DUPLICATE

[Michael Kozakewich]

When using CSS to transition the height or width of a <select> element, the box immediately shrinks to zero, and then expands over the transition duration until it reaches the final value as specified by the CSS.

The following CSS crashes the entire page, in Google Chrome.
select:hover{
height:200px;opacity:0;
-webkit-transition:all 5s;}

Safari doesn't crash, but the transition starts at 0, instead of at the current height.

I imagine the priority isn't too great at this moment in time, because the height of <select> elements aren't often changed while using the -webkit-transition in combination with opacity.

Duplicate of bug 16020?

[Michael Kozakewich]

I guess my bug search was looking for different syntax.
Transitioning both opacity and height of a <select> still crashes Chrome, but I guess that's their problem.
It looks like the underlying problem is covered by bug 16020.

*** This bug has been marked as a duplicate of bug 16020 ***