Диалоговое окно jquery-ui не имеет правильного размера, если содержимое обернуто в белом пространстве.

Question

<div style="white-space: nowrap;"> 
    Some text containing spaces which could be wrapped. 
</div> 
<script type="text/javascript"> 
    $(function(){ 
     $("div").dialog(); 
    }); 
</script> 

Когда это диалоговое окно открывается, размер слишком узкий, чтобы отображать развернутое содержимое.

Как я могу обеспечить достаточно широкий диалог без установки произвольной ширины?

Answer 1

Если бы я получил это право, добавив width:auto в диалоговом опции достаточно

$("div").dialog({ 
    width:'auto' 
}); 

Демо: http://codepen.io/8odoros/pen/rLQjjL