作成日: 2015/04/23 最終更新日: 2015/09/16
文書種別
不具合
発生環境
Internet Explorerでのみ発生します。
状況
修正済み
詳細
wijtabsに配置したwijtextboxのテキストを選択して、他のタブに配置したtextareaをマウスホイールで最下部までスクロールしてから再表示すると、wijtextboxに改行が挿入されてしまいます。
また、テキストの選択方法によって改行の挿入位置が異なります。
・マウスにてテキストを選択した場合は範囲選択の先頭(選択開始位置)に改行が挿入される
・Ctrl+Aで全選択した場合は、カーソルのあった位置に改行が挿入される
【再現手順】
■マウスによる再現手順
1.サンプルを実行します
2.[タブ1]のwijtextboxのテキストをマウスで選択します
3.[タブ2]をクリックします
4.[タブ2]のテキストエリアをマウスホイールにて最下部までスクロールします
5.[タブ1]をクリックします
結果:手順2でテキストを選択開始した位置で表示が崩れます
■キーボード操作による再現手順
1.サンプルを実行します
2.[タブ1]のwijtextboxのテキストの任意の位置をクリックします
3.Ctrl+Aにてテキストを全選択します
4.[タブ2]をクリックします
5.[タブ2]のテキストエリアをマウスホイールにて最下部までスクロールします
6.[タブ1]をクリックします
結果:手順2でクリックした位置で表示が崩れます
【サンプルコード(JavaScript)】
$(document).ready(function () {
$("#tabs").wijtabs();
$("#input").wijtextbox();
});
【サンプルコード(html)】
<div id="tabs">
<ul>
<li><a href="#tabs-1">タブ1</a></li>
<li><a href="#tabs-2">タブ2</a></li>
</ul>
<div id="tabs-1">
<input id="input" type="text" value="あいうえおかきくけこ">
</div>
<div id="tabs-2">
<textarea>
a
a
a
a
a
a
a
</textarea>
</div>
</div>
また、テキストの選択方法によって改行の挿入位置が異なります。
・マウスにてテキストを選択した場合は範囲選択の先頭(選択開始位置)に改行が挿入される
・Ctrl+Aで全選択した場合は、カーソルのあった位置に改行が挿入される
【再現手順】
■マウスによる再現手順
1.サンプルを実行します
2.[タブ1]のwijtextboxのテキストをマウスで選択します
3.[タブ2]をクリックします
4.[タブ2]のテキストエリアをマウスホイールにて最下部までスクロールします
5.[タブ1]をクリックします
結果:手順2でテキストを選択開始した位置で表示が崩れます
■キーボード操作による再現手順
1.サンプルを実行します
2.[タブ1]のwijtextboxのテキストの任意の位置をクリックします
3.Ctrl+Aにてテキストを全選択します
4.[タブ2]をクリックします
5.[タブ2]のテキストエリアをマウスホイールにて最下部までスクロールします
6.[タブ1]をクリックします
結果:手順2でクリックした位置で表示が崩れます
【サンプルコード(JavaScript)】
$(document).ready(function () {
$("#tabs").wijtabs();
$("#input").wijtextbox();
});
【サンプルコード(html)】
<div id="tabs">
<ul>
<li><a href="#tabs-1">タブ1</a></li>
<li><a href="#tabs-2">タブ2</a></li>
</ul>
<div id="tabs-1">
<input id="input" type="text" value="あいうえおかきくけこ">
</div>
<div id="tabs-2">
<textarea>
a
a
a
a
a
a
a
</textarea>
</div>
</div>
回避方法
旧文書番号
81265