HTML selection options lose their CSS font style when there are too many options

Question

I am trying to create options from an HTML select list using a special font. This works great when there are relatively few options, I'm not sure about the exact amount, but I think 500 or so. However, when I exceed this threshold, the custom font no longer applies to the parameters. See this script for an example.

https://jsfiddle.net/eympj0yq/

The parameters in the left hand work with the specified font, although not on the right side. Has anyone else experienced this, and if so, are there any workarounds? This happens in Chrome 44.0.2403.125, if that matters.

EDIT: Tested only on Firefox 39.0 and Internet Explorer 11, and it works in both cases, so it looks like a problem only with Chrome.

EDIT: A corresponding Chromium issue has been detected that indicates that the restriction for 300 parameters is https://code.google.com/p/chromium/issues/detail?id=515014 . Open 5 days ago!

Answer 1

I found another problem related to the problem above https://code.google.com/p/chromium/issues/detail?id=513339 . Basically, Chrome developers decided to disable option styles after 300+ options due to performance reasons.

It is fixed in Canary 46.0.2468.0, so it should be in regular Chrome soon.

This is the fix to fix the problem http://src.chromium.org/viewvc/blink?view=revision&revision=199776