作成日: 2025/05/26    最終更新日: 2025/05/26

文書種別

制限事項

詳細

フレックスボックスの子要素にSpreadJSを配置している状態で、タブストリップの表示位置を変更すると表示領域のサイズが変わる場合があります。

フレックスボックスの子要素にSpreadJSを配置した場合、初期化時に親要素を基にサイズが算出されます。初期化以降はSpreadJS自身がサイズを保持しており、DOM要素が変更された場合にサイズが再計算されます。
しかし、フレックスレイアウトの仕様上、親要素は子要素のサイズの変化を検知することができません。そのため、タブストリップの位置を変更するなど、SpreadJSのサイズが変更された場合に、フレックスボックス全体のサイズが変更される場合があります。

回避方法

親要素のcssにoverflow: hidden;を追加して回避できます。

#box{
    ・・・
    /* 回避策 */
    overflow: hidden;
}