The spinner graphic is set to 1px height inside a Jquery-UI dialog box

[wyattbiker]

I dont know if this is a bug, but when a spinner is inside a jquery-ui dialog, make sure that the spinner code is executed after the dialog.open method.

Otherwise if you put the spinner code in the ready() method the up and down graphics have wrong values even it otherwise works fine.

Here is the spinner inside a dialog div:

Sort Order:

Here is the <script> segment

<script> jQuery(document).ready(function(){ var $ = jQuery; $( "#add-edit-poe-link" ).dialog({ dialog settings here .............. }); }); function addEditPOE(){ $("#add-edit-poe-link" ).dialog( "open" ); $('#spinner').spinner({ min: -100, max: 100 }); ///<---- Code must be here. If you put it in ready function irrwill not work. } </script>

[robertux]

I got this same problem but also the solution proposed worked for me.