jquery/jquery-mobile — Issue #3383: In dialogs, range inputs not fully enhanced to sliders
Author: adammessinger
Created: 2012-01-05 17:52:12+00:00
State: open

Using the 1.0 release of jQuery mobile, input elements with a type attribute of "range" that are in dialog pages do not get fully enhanced to become sliders. This doesn't happen to range inputs in a non-dialog page.

This happens in the latest versions of Safari, Chrome, Firefox, and IE. In Safari and Chrome, the jQM slider has a smaller slider next to it using WebKit's built-in range field styles. In IE and Firefox, it looks like a plain square-cornered text field. I haven't yet tried to duplicate this issue using a mobile browser.

The problem seems to be that the input element itself isn't getting its type changed to number, and isn't getting its full complement of jQM classes applied.

Work-around: give the input a type of "text" and data-role="slider".