Bug 57966

Summary: <select> element is rendered without styles
Product: WebKit Reporter: Dominic Cooney <dominicc@chromium.org>
Component: HTML DOMAssignee: Nobody <webkit-unassigned@lists.webkit.org>
Status: RESOLVED WORKSFORME    
Severity: Normal CC: gur.trio@gmail.com
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 From 2011-04-06 11:53:41 PST
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)
------- Comment #1 From 2013-12-04 20:47:07 PST -------
(In reply to comment #0)
> Created an attachment (id=88476) [details] [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