作成日: 2014/12/01 最終更新日: 2015/05/21
文書種別
不具合
状況
修正済み
詳細
select要素の親要素のフォントサイズを大きい値に変更しても、wijdropdownの幅が更新されません。その結果、項目名が切れて表示されてしまったり、ドロップダウンリストに不要なスクロールバーが表示されてしまいます。
【再現手順】
1. selectの親要素のフォントサイズをsmallに設定して、wijdropdownを作成します。
2. フォントサイズをlargeに変更します。
3. wijdropdown.refreshメソッドを実行します。
結果: 項目名が切れて表示されてしまいます。また、ドロップダウンリストに不要なスクロールバーが表示されてしまいます。
【サンプルコード】
<script type="text/javascript">
$(document).ready(function () {
$('#wijdropdown').wijdropdown();
});
function changeFontSize() {
$('div').css('font-size', 'large');
$('#wijdropdown').wijdropdown('refresh');
}
</script>
<div id="div" style="font-size: small">
<input type="button" value="フォントサイズを変更" onclick="changeFontSize()" /><br>
<select id="wijdropdown">
<option>項目 1</option>
<option>項目 2</option>
<option>項目 3</option>
<option>項目 4</option>
<option>項目 5</option>
<option>項目 6</option>
</select>
</div>
【再現手順】
1. selectの親要素のフォントサイズをsmallに設定して、wijdropdownを作成します。
2. フォントサイズをlargeに変更します。
3. wijdropdown.refreshメソッドを実行します。
結果: 項目名が切れて表示されてしまいます。また、ドロップダウンリストに不要なスクロールバーが表示されてしまいます。
【サンプルコード】
<script type="text/javascript">
$(document).ready(function () {
$('#wijdropdown').wijdropdown();
});
function changeFontSize() {
$('div').css('font-size', 'large');
$('#wijdropdown').wijdropdown('refresh');
}
</script>
<div id="div" style="font-size: small">
<input type="button" value="フォントサイズを変更" onclick="changeFontSize()" /><br>
<select id="wijdropdown">
<option>項目 1</option>
<option>項目 2</option>
<option>項目 3</option>
<option>項目 4</option>
<option>項目 5</option>
<option>項目 6</option>
</select>
</div>
回避方法
この問題はバージョン3.20151.71で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。
修正版の適用方法については、アップデートの方法を参照してください。
旧文書番号
81082