作成日: 2021/02/17 最終更新日: 2021/02/19
文書種別
不具合
状況
修正済み
詳細
ホスト要素に高さを設定したSpreadJSを使用してリボンコンテナを初期化すると、リボンコンテナが正しく表示されません。
<div id="ss" style="width:800px; height:400px;"></div>
<div id="designer" style="width:100%; height:400px"></div>
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designer"), '', spread);
リボンコンテナのホスト要素で設定する高さは、リボンとスプレッドシートを合わせた高さですが、上記のように設定した場合、スプレッドシートの部分がスプレッドシートのホスト要素に指定した高さで表示されます。
このためリボンから「ファイル」メニューを開くと、「ファイル」画面はリボンコンテナで指定した高さの範囲にだけ表示され、画面から見切れたように見えます。
また、macOS(Catalina)のSafariでは、スプレッドシートの中にステータスバーが表示されます。
<div id="ss" style="width:800px; height:400px;"></div>
<div id="designer" style="width:100%; height:400px"></div>
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designer"), '', spread);
リボンコンテナのホスト要素で設定する高さは、リボンとスプレッドシートを合わせた高さですが、上記のように設定した場合、スプレッドシートの部分がスプレッドシートのホスト要素に指定した高さで表示されます。
このためリボンから「ファイル」メニューを開くと、「ファイル」画面はリボンコンテナで指定した高さの範囲にだけ表示され、画面から見切れたように見えます。
また、macOS(Catalina)のSafariでは、スプレッドシートの中にステータスバーが表示されます。
回避方法
SpreadJS (Ver.14.0.7)で修正済み。
Ver.14.0.7より前のバージョンでは以下の方法で回避可能です。
コントロールの高さは、リボンコンテナ側のホスト要素で指定するので、SpreadJSのホスト要素から style情報を削除します。
<div id="ss"></div>
Ver.14.0.7より前のバージョンでは以下の方法で回避可能です。
コントロールの高さは、リボンコンテナ側のホスト要素で指定するので、SpreadJSのホスト要素から style情報を削除します。
<div id="ss"></div>
旧文書番号
86421