Bug 9813 – OPTION text can paint over select element's up/down arrow

• Component: Forms
• Status: RESOLVED FIXED

[Chris Petersen]

 * SUMMARY
A OPTION element which contains a long string of dashes will paint over the select element's scrollbar. (See screen shot) 
This was originally seen at http://www.apple.com/macosx/feedback/ under the Feedback Characteristics.

* STEPS TO REPRODUCE
1. With a custom css sheet applied,  (select {
-webkit-appearance: menulist;
box-sizing: border-box;
}, open attached test case "option_test.html"
2. Mouse down on the select element and choose dashed item from popup menu.
3. Notice the dashed line paints over scrollbar area at the end of the select element

* RESULTS
Dashed line shouldn't paint over scrollbar but does.

* REGRESSION
Yes, this is a regression with the new native popup. Tested with NB r15239

[Chris Petersen]

Created attachment 9310 [details]
OPTION test case

[Chris Petersen]

Created attachment 9311 [details]
screen shot of dashed line painting over scrollbar

[Chris Petersen]

This issue has been filed as <rdar://problem/4619605> 

[Adele Peterson]

working on this now

[Adele Peterson]

Created attachment 9390 [details]
patch

[Maciej Stachowiak]

Comment on attachment 9390 [details]
patch

r=me

Adele committed the patch in r15377.