Centrer un FieldSet en utilisant JQM 1.2.0

Question

Je crée une application mobile en utilisant JQM et en essayant de centrer les boutons radio groupés dans un fieldset avec un data-role = "fieldcontain". J'ai trouvé que si j'utilise JQM 1.2.0, les boutons radio ne sont pas centrés, mais empilés les uns sur les autres (voir image). Le retour à JQM 1.0.0 corrige le problème et les boutons sont parfaitement centrés (voir image). Suggestions sur la façon de corriger ce problème? Merci d'avance.

<div data-role="header"> 
    </div> 

    <div data-role="content"> 
     <div id="fieldcontain-wrapper" style="display:table;margin:0 auto;"> 
      <div data-role="fieldcontain"> 
       <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"> 
         <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" /> 
         <label for="radio-choice-c">&nbsp;&nbsp;Home&nbsp;&nbsp;</label> 
         <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" /> 
         <label for="radio-choice-d">&nbsp;&nbsp;Away&nbsp;&nbsp;</label> 
       </fieldset> 
      </div> 
     </div> 
    </div> 

Answer 1

Ceci est un étrange bug JQM causé par votre div wrapper. Ce css va fixer:

.ui-controlgroup-controls { 
    width: 100% !important; 
} 

Pour une raison quelconque, après même largeur min est atteinte la largeur des contrôles ui-controlgroup-devient 78%. Vraiment étrange.

Et voici un exemple, supprimer un bloc css pour voir l'absence de son comportement. http://jsfiddle.net/Gajotres/vHy9U/