I'm using $(".optional").hide(); to hide some divs, but the problem is that selects or radio buttons within the div will stay hidden when the div is revealed. Am I missing something or is this not supported?

Chrome Mac is still in beta but after using a select pull down the left hand end of the select drops down around 3px resulting in a "tear" in the image.

I can't submit a form when I press "enter" on keyboard. I think there's something wrong with the plugin. I have to click on the button just to be able to submit the form itself. I've tried creating a new blank document with a simple form and with the plugin, still doesn't work. I'm not using any validations at all.

Also, another comment is on the theme. Try hovering the cursor to the button, you'll see an extra outline on the left side of the button. I think this is from the images itself.

Thanks!

This pull request resolves issue #233 (https://github.com/pixelmatrix/uniform/issues/233) by adding a demo theme that supports retina devices with @media query and @X2 sprite demo.

Hello,

I'm trying to use uniform and jQuery Ui togheter, but isn't working. In the header I call jquery, jquery ui and the js file where I set up the dialog and datepicker from jquery ui. After them I call uniform, everything is on the right place. But doing this way, uniform doesn't work, and if I invert jquery ui and uniform, the dialog and datepicker stop working. Any one know why this is happening?

Also, I call uniform in other pages, but just the first element of the form get stylized, know why?

regards,

RA

Hi! I detected some problem in the visualisation of select fields in Safari, the width added by de plugin is smaller than the other browsers. Some captures of the issue:

http://uniformjs.com/ -> Google Chrome: Safari:

Any idea why happens this and how to fixed? Thanks!

Select boxes with optgroups cause strange behaviour in Safari and Firefox. Selected option is either hidden or multiple options appear over the select sprite.

Any plans to support optgroups?

This seems to happen after updating to Chrome 50 (though not sure if it is 100% related). You can see what is happening here:

http://screencast.com/t/gbL9O6siz3f

I am running v.2.2.2 of the plugin on Chrome 50 on OSX. (I don't think it is happening on Windows).

commenting out

var selHtml = $el.find(":selected").html();

Seems to fix the issue (not sure why) or perhaps breaks something else that I am not seeing.

Currently running Uniform 2.1.1 on a .NET MVC application. Some of my inputs have name attributes that are returned from a web service and when we iterate through them we get something like this:

<input checked="checked" id="preferenceID-1" name="PrefereceModel.CommPrefs[0].UserPreferences[0].PreferenceId" type="radio" value="Phone">

<input checked="checked" id="preferenceID-1" name="PrefereceModel.CommPrefs[0].UserPreferences[0].PreferenceId" type="radio" value="Email">

What I am finding is that Uniform does not like the brackets [ ] at all. In fact, it causes radios with the same name to either all be select-able, or not select-able at all! This breaks my application. Removing the brackets fixes the issue, but I cannot do this due to the dynamic nature of the form.

Note: This issue previously only existed in IE7, but is now present in all browsers with version 2.1.1.

Hello, I woud like first to thank you for this amazing and full script. been looking for such a script for a long time and had the chance to find this script today and i'm already using it... :) i do hawever have 3 small questions: 1- I can not submit a form by clicking on "Enter" keyboard, don't know why :( 2- for the input text fields, is it possible to have a hover state just like the checkboxes and radio fields?? 3- i'm trying to use a country locator (http://welovenicethings.com/examples/Geolocation/example4.html), it preselects the local country but doesnt show it in the dropdown list. do you have any idea?? Thank you so much. Reda

It's mainly a type="text" field, but on some browsers (it's HTML5) it gives you additional funcionality (like a stylized search box in Safari, a cache of search terms, etc). Having to use external scripts to stylize it these days...

I am the author of star-rating.js, a script that transforms a SELECT rating field into a star rating control.

I use this script in a WordPress plugin that provides ratings and reviews.

When the Uniform script is used in WordPress themes, it usually is triggered on all form fields, i.e

$("select:not([multiple]), input:checkbox, input:radio, input:file").uniform();

This makes the theme incompatible with the reviews plugin as the Uniform script adjusts the DOM which breaks the star-rating.js script. This is primarily a CSS issue as I could fix this (and likely will) by un-setting all of the CSS rules that Uniform sets on the star-rating control.

However, a far simpler solution would be for the Uniform script to check for a particular class, which if exists, would tell Uniform not to transform the element.

e.g.

<!-- Do not transform elements that have the ".browser-default" CSS class -->
<select class="browser-default"> ... </select>

bindMany method only handle click and touchend event, why not handle change event ?

Like checkbox, sometimes we need to change: prop('checked',true)

UI will not change

When the CSS sprite images(responsible for the background for inputs) are not available or i just removed the CSS sprite image, then the default behavior of the browser for the inputs(select, input) is not coming, i just see the text alone, i am able to recreate this issue in the demo html provided in the GIT. PFA Screenshot.

I understand this is because of the opacity which is turned off to zero by css. Is there any way to overcome this issue?

Expected behavior: When i remove CSS background images or when CSS sprite background image is not available due to network issue, my page should take the default behavior of the browser,

Before issue:

After Issue:

I use Uniform on my site and it loook great. But.... Sometimes there is a flickering om the screen. I see 'old ugly' form elements, before they are rendered into sexy forms.

Is there a way to avoid this?

Hey there.

I have a rather complex form which utilizes a wizard for usability. There are quite a lot of dropdowns and inputs which I style with uniform. The problem is that those elements are hidden on load which causes uniformjs to use sizingInvisible to get the element sizes.

On my desktop system (2.3GHz core i7-3610QM) it takes several seconds to initialize 100 elements.

2.5 seconds on Firefox 26 3 seconds on Chrome 32

https://github.com/pixelmatrix/uniform/blob/master/jquery.uniform.js#L479

You should try to find a new way of sizing the elements.