2 ms·

I'm really curious about why the author succeeded with the other four major browsers, but couldn't make it work with Opera.

• Pistos2 17y ago
  I toyed with the code a bit (which was a bit bizarre looking until I realized the mix of tabs and spaces was meant to be viewed with tabs equalling 2 spaces). One minor thing worth noting: The demo page has a "console.log(...)" statement in it. That causes an error in Opera, so I took it out. Here's why the dropdown doesn't [quite] work in Opera: Uniform wraps form elements with divs and spans in order to achieve the altered look. The actual form elements are set to opacity 0 to hide them. For some reason (which I couldn't figure out), the actual select element ends up with a height of 5 pixels. You'll see that if you click on the upper 5 pixels of the dropdown, you'll get the dropdown to open up like it should. The simple fix was to force the height of the select element with CSS to something bigger, such as 23px. I added "height: 23px;" to this CSS block: http://github.com/pixelmatrix/uniform/blob/master/css/uniform.default.css#L391-394 http://github.com/pixelmatrix/uniform/blob/master/css/unifor... and then the dropdown began working as advertised.
  • endtime 17y ago
    Awesome. :) I bet the author would appreciate knowing that.