Bug 57966

Summary: <select> element is rendered without styles
Product: WebKit Reporter: Dominic Cooney <dominicc>
Component: HTML DOMAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WORKSFORME    
Severity: Normal CC: gur.trio
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: PC   
OS: Mac OS X 10.5   
Attachments:
Description Flags
Repro. Select text should be big, blue. Zoom in/out and observe changes. none

Description Dominic Cooney 2011-04-06 11:53:41 PDT
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)
Comment 1 gur.trio 2013-12-04 20:47:07 PST
(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