degradeInputs now uses the recently introduced keepNativeSelector()

Author: redaemn

js/jquery.mobile.degradeInputs.js

@@ -23,16 +23,15 @@ $.mobile.page.prototype.options.degradeInputs = {
 	week: false
 };
 
-$.mobile.page.prototype.options.keepNative = ":jqmData(role='none'), :jqmData(role='nojs')";
-
 
 //auto self-init widgets
 $( document ).bind( "pagecreate create", function( e ){
 
-	var o = $.mobile.page.prototype.options;
+	var page = $(e.target).closest(':jqmData(role="page")').data("page"),
+	    o = page.options;
 
 	// degrade inputs to avoid poorly implemented native functionality
-	$( e.target ).find( "input" ).not( o.keepNative ).each(function() {
+	$( e.target ).find( "input" ).not( page.keepNativeSelector() ).each(function() {
 		var $this = $( this ),
 			type = this.getAttribute( "type" ),
 			optType = o.degradeInputs[ type ] || "text";

tests/unit/degradeInputs/degradeInputs.js

@@ -3,12 +3,18 @@
  */
 
 (function($){
+    
+
 	module('jquery.mobile.slider.js', {
 	    setup: function() {
 	        $('#test-container').html("");
 	    }
 	});
 
+	test('keepNative elements should not be degraded', function() {
+        same($('input#not-to-be-degraded').attr("type"), "range");
+	});
+	
 	test('input type color should not degrade when "create" event is triggered', function(){
         $('#test-container').html('<input type="color" />').trigger("create");
 

tests/unit/degradeInputs/index.html

@@ -27,6 +27,8 @@ <h2 id="qunit-userAgent"></h2>
 
 <div id="foo"  data-nstest-role="page">
 
+	<input id="not-to-be-degraded" type="range" data-nstest-role="nojs" />
+	
 	<div id="test-container">
 	</div>