1010703 - HTML <select> element missing right border with some fonts

Status: RESOLVED DUPLICATE of bug 545685

(Core :: Layout: Form Controls, defect)

Description

[kresimir.virovic]

Attachment: firefox---bug.jpg

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:29.0) Gecko/20100101 Firefox/29.0 (Beta/Release)
Build ID: 20140506152807

Steps to reproduce:

this worked fine before firefox updated to verion 29.0.1

@font-face
{    
font-family: 'MyriadProRegular';
src: url('fonts/MyriadPro-Regular.eot');
src: local('MyriadProRegular'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype');
}


Actual results:

In HTML select element, when it is opened, <option> list right border missing.


Expected results:

Opened <option> list should have all borders visible

Comment 1

[kresimir.virovic]

UPDATE:
Problem is with some font-sizes

I've try Arial font-size 16, same thing

Comment 2

[:Gijs (he/him)]

Can you provide a link to a testcase (either on jsbin/jsfiddle/codepen/... or on your own website) ?

Comment 3

[kresimir.virovic]

Attachment: firefox.rar - testcase

file default.css line 58
try changing font size from 15 to 16 and backward

Comment 5

[Mats Palmgren (inactive)]

Probably the same underlying issue as in bug 994923 / bug 924068 / bug 545685.

Comment 6

[Ryan VanderMeulen [:RyanVM]]

This still reproduces on Nightly with e10s disabled, but not with it enabled. That said, I can reproduce this bug with the attached testcase as far back as Firefox 4, so this doesn't seem like a recent regression. I'm going to dupe this to bug 545685.