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.

Author: scottgonzalez

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) {

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) {

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 = {};

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) {

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) {

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 */