作成日: 2016/04/21 最終更新日: 2016/06/09
文書種別
不具合
状況
修正済み
詳細
Bootstrap CSSを参照した場合に、複数行のtextareaに対してWijInputTextを生成すると、1行の高さで表示されてしまいます。
Bootstrap CSSを参照しない場合は、正常な高さで表示されます。
結果: InputTextの高さが1行分になってしまいます。
◎サンプルコード
Bootstrap CSSを参照しない場合は、正常な高さで表示されます。
再現手順
1. サンプルを実行します。結果: InputTextの高さが1行分になってしまいます。
◎サンプルコード
<!-- Bootstrap -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.wijmo.com/interop/bootstrap-wijmo.css" />
<script src="http://cdn.wijmo.com/interop/bootstrap.wijmo.3.20161.90.min.js"></script>
<textarea id="inputText" rows="4"></textarea>
<script>
$(document).ready(function () {
$('#inputText').wijinputtext();
});
</script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://cdn.wijmo.com/interop/bootstrap-wijmo.css" />
<script src="http://cdn.wijmo.com/interop/bootstrap.wijmo.3.20161.90.min.js"></script>
<textarea id="inputText" rows="4"></textarea>
<script>
$(document).ready(function () {
$('#inputText').wijinputtext();
});
</script>
回避方法
この問題はバージョン3.20161.94で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。
修正版を適用しない場合の回避方法は次のとおりです。
次のようなCSSを定義することで、正常な高さで表示することができます。
◎サンプルコード
修正版の適用方法については、アップデートの方法を参照してください。
修正版を適用しない場合の回避方法は次のとおりです。
次のようなCSSを定義することで、正常な高さで表示することができます。
◎サンプルコード
<style>
.wijmo-wijinput-wrapper.form-control{
height: auto !important;
}
</style>
.wijmo-wijinput-wrapper.form-control{
height: auto !important;
}
</style>
旧文書番号
81634