Closed shimotmk closed 1 year ago
@shimotmk ありがとうございますー。
※ 崩れてる例メモ https://www.vektor-inc.co.jp/post/how-to-use-slider-block/
確認しました。 ヘッダーやタイトル部分(separator含む)、フッターの一部に付与されているalignfullが両サイドに下記のネガティブマージンををつけているからだと思います。
.alignfull, .is-layout-constrained .alignfull, .vk_outer-width-full, .is-layout-constrained .vk_outer-width-full {
width: auto;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
vwがスクロールバー分の15pxを含むので、全幅の要素に対しては、この15pxの誤差がネガティブマージンとなり横スクロールを出しています。
※ グループ入れ子は https://github.com/vektor-inc/x-t9/issues/171 の方で対応
対応済み close
Macの場合は以下の設定から常に表示か自動的に表示で確認できると思います。 https://shun.onl/mac-chrome-scrollbar20191227/
https://vektor-inc.co.jp/ でも同じ症状です。
あと、グループブロックの中にグループブロックを入れて幅広にすると左に寄ってしまうようです。
該当のコード クリックで表示
グループブロックでラップ(ブロック間隔を設定)
なし
幅広
全幅
何もラップしていない
なし
幅広
全幅
グループブロックでラップ
なし
幅広
全幅
TT3などでは横スクロールしなかったので、何かが横にはみ出していると思うのですが、特定出来ず。。。どなたか確認お願いします🙇♂️