jqueryjquery-uivertical-alignmentjqueryi-ui-buttonset

jQuery UI buttonset verticaly wonky


Hi I have this jsFiddle that shows what may be a bug. Note that this is a paste of the derived html - basically I reset the height programmatically so that all the buttons are the same height (should be simple)

For what it's worth: here is the programmatic re-height that I do after the butonset() call

  fullHeight = 0;
  $('.jQueryUIGrid_topgrid').each(function(){
         fullHeight = ((fullHeight<$(this).height()) ? $(this).outerHeight() : fullHeight);
  });

   $('.jQueryUIGrid_topgrid').each(function(){
        $(this).css('height',fullHeight);
   });

The issue isn't just that they are behaving oddly, (up, down, all over the place) it's that I can see no information in firebug as to why this is happening.


Solution

  • Set a vertical-align on .ui-button

    #jQueryUIGrid_radio .ui-button {
        vertical-align: bottom;
    }
    

    jsfiddle