DIVのサイズをボックスサイズで変更しようとしています:border-box; 私は幅のサイズ変更を許可するだけですが、DIVはサイズ変更イベントが停止する(高さが変更される)たびに縮小します。JQuery UIサイズ変更可能+ボックスサイズ:border-box =高さバグ?
マイCSS
.test{
width: 200px;
height: 100px;
border: 1px solid red;
box-sizing: border-box;
}
Javascriptを
$(document).ready(function() {
$('.test').resizable({handles: 'e', stop: function(event, ui){
$('.wdt').text(ui.size.height);
}});
});
HTML
<div class="test">
Test
</div>
<br/>
<br/>
<span>Height =</span>
<span class='wdt'></span>
それのサイズを変更し、あなたが表示されます。
誰かが私を助けることができますか? JSFiddle:http://jsfiddle.net/WuQtw/4/
私はjQuery 1.8.xを試しました。1.9.x ...何も変わりません。 私はボックスサイズを使用することはできません:コンテンツボックス。
要素にパディングがある場合、これは機能しません。この問題は、Jquery UI Resizableが要素幅を計算する方法に関連しています。 http://bugs.jqueryui.com/ticket/8932 –
おかげで、ありがとう! –