<select> element is rendered without styles

• Component: DOM
• Status: RESOLVED WORKSFORME

[Dominic Cooney]

Created attachment 88476 [details]
Repro. Select text should be big, blue. Zoom in/out and observe changes.

In the attached repro:

<style>                                                                                                                                                          
select {                                                                                                                                                         
  color: rgb(51, 102, 153);                                                                                                                                      
  font-size: 40pt;                                                                                                                                               
}                                                                                                                                                                
</style>                                                                                                                                                         
Hello <select><option>foo</option></select> world

This <select> should be big and blue. Instead it uses the platform theme. (In fact, changes to the UA html.css are also not picked up by the select element.) If you trigger recalc, for example by zooming the document, then the select picks up styles.

Repros in:

WebKit Nightly Version 5.0.4 (6533.20.27, r83010)
Chrome 10.0.648.204 (Official Build 79063) WebKit 534.16 (branches/chromium/648@81505)

(In reply to comment #0)
> Created an attachment (id=88476) [details]
> Repro. Select text should be big, blue. Zoom in/out and observe changes.
> 
> In the attached repro:
> 
> <style>                                                                                                                                                          
> select {                                                                                                                                                         
>   color: rgb(51, 102, 153);                                                                                                                                      
>   font-size: 40pt;                                                                                                                                               
> }                                                                                                                                                                
> </style>                                                                                                                                                         
> Hello <select><option>foo</option></select> world
> 
> This <select> should be big and blue. Instead it uses the platform theme. (In fact, changes to the UA html.css are also not picked up by the select element.) If you trigger recalc, for example by zooming the document, then the select picks up styles.
> 
> Repros in:
> 
> WebKit Nightly Version 5.0.4 (6533.20.27, r83010)
> Chrome 10.0.648.204 (Official Build 79063) WebKit 534.16 (branches/chromium/648@81505)


Working fine on chrome and safari