Browsing Posts in Browser Rendering Engines

OK, this is a good one. Answers in the comments section.

Q: How do you change the visible number of options in a select box when it drops down, not rendered in the DOM, but when it drops down  ?

I've come to the conclusion you can't because of default parameters specified in the Gecko rendering engine. I know that a <select> element has a "size" attribute which you can access through Javascript with {oSelect}.size or use directly in your HTML with something like <select size="25"></select>, but that changes the number of options visible when the DOM is rendered and not on the drop down event.

For once I think IE and the Trident engine has an advantage over FF and Gecko. IE naturally defaults to display the TOTAL number of <option> items on drop down where as FF is limited to 20, then you have to scroll.

I spent some time looking through the MDC reference manuals, for an interface, some sort of API reference, but the HTML Select Element Interface seems to be limited to the usual foray of methods and properties.

I thought maybe with the introduction of Gecko 1.9 (FF3) and Javascript 1.8 that there might be some interface for changing the default, but wading through documentation there appears not.

So my answer to the question, at the moment is no, but I will be making a suggestion to Mozilla !

We've all seen them in HTTP header reponses but what the hell do they all mean. I've never really bothered to find out until now. A very strange rendering issue with Flash. The Flash piece looks great in Firefox, but in IE and Safari the black isn't saturating to match the #000 CSS background. Very odd.

So, as always, I turned to the interent and did some research. It turns out that all of these browsers use different rendering engines. Typically Trident, Webkit, Gecko and KHTML... That was an 'Ah! hah!' moment. Interesting reading and offered some insite into our little problem.

For anyone interested here's a good article I read :