Autocomplete: Removed styling for .ui-autocomplete-loading from the theme - added to individual demos. Fixes #5385 - Autocomplete: Inconsistent default styling while loading results.

We will need to undo this change when ThemeRoller supports generating loading images.

6 files changed, 15 insertions, 1 deletions

diff --git a/demos/autocomplete/multiple-remote.html b/demos/autocomplete/multiple-remote.html
index 2046db614..88284aa0d 100644
--- a/demos/autocomplete/multiple-remote.html
+++ b/demos/autocomplete/multiple-remote.html
@@ -10,6 +10,9 @@
 	<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	.ui-autocomplete-loading { background: white url('../../themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		function split(val) {
diff --git a/demos/autocomplete/remote-jsonp.html b/demos/autocomplete/remote-jsonp.html
index ab8a600a8..ccb70906d 100644
--- a/demos/autocomplete/remote-jsonp.html
+++ b/demos/autocomplete/remote-jsonp.html
@@ -10,6 +10,9 @@
 	<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	.ui-autocomplete-loading { background: white url('../../themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		function log(message) {
diff --git a/demos/autocomplete/remote-with-cache.html b/demos/autocomplete/remote-with-cache.html
index b7f688175..4c9711a84 100644
--- a/demos/autocomplete/remote-with-cache.html
+++ b/demos/autocomplete/remote-with-cache.html
@@ -10,6 +10,9 @@
 	<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	.ui-autocomplete-loading { background: white url('../../themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		var cache = {};
diff --git a/demos/autocomplete/remote.html b/demos/autocomplete/remote.html
index 9414102e6..16f817678 100644
--- a/demos/autocomplete/remote.html
+++ b/demos/autocomplete/remote.html
@@ -10,6 +10,9 @@
 	<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	.ui-autocomplete-loading { background: white url('../../themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		function log(message) {
diff --git a/demos/autocomplete/xml.html b/demos/autocomplete/xml.html
index 3a5dadab9..b3c15c71e 100644
--- a/demos/autocomplete/xml.html
+++ b/demos/autocomplete/xml.html
@@ -10,6 +10,9 @@
 	<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<style type="text/css">
+	.ui-autocomplete-loading { background: white url('../../themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	</style>
 	<script type="text/javascript">
 	$(function() {
 		function log(message) {
diff --git a/themes/base/jquery.ui.autocomplete.css b/themes/base/jquery.ui.autocomplete.css
index 686a48430..082041558 100644
--- a/themes/base/jquery.ui.autocomplete.css
+++ b/themes/base/jquery.ui.autocomplete.css
@@ -8,7 +8,6 @@
  * http://docs.jquery.com/UI/Autocomplete#theming
  */
 .ui-autocomplete { position: absolute; cursor: default; }	
-.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
 
 /* workarounds */
 * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */