シェイプにテキスト設定するとページの高さが変わる

文書番号 : 84756     文書種別 : 不具合     登録日 : 2019/12/19     最終更新日 : 2020/01/22
文書を印刷する
対象製品
SpreadJS(Ver.10.x.x -)
発生環境
Internet Explorer 11
状況
修正済み
詳細
シェイプにテキストを設定すると、SpreadJSではフォントの高さを計測するために次のようなSPANタグを追加します。

◆挿入されるspanタグ:
<span style="position: absolute; left: -1000px; font: 14.6667px Calibri;">H</span>

このSPANタグにはleftプロパティしか設定していないため、IE11ではSPANタグはページ下方に追加されます。その結果ページの高さが変わり、ウィンドウにスクロールバーが表示される場合があります。
回避方法
SpreadJS (Ver.13.0.4)で修正済み

Ver.13.0.4より前のバージョンでは次の方法で回避可能です。

SpreadJSが追加したSPANタグにleftプロパティとtopプロパティを追加します。

★サンプルコード(JavaScript)
var span = $(".gcShapeSpan");
if (!span || span.length === 0) {
  $("span").last().addClass("gcShapeSpan").css({ left: "-10000px", top: "-10000px" });
}