vektor-inc / x-t9

GNU General Public License v2.0
18 stars 1 forks source link

ブラウザのスクロールバーを表示にすると横スクロールバーが表示される #163

Closed shimotmk closed 1 year ago

shimotmk commented 1 year ago

Macの場合は以下の設定から常に表示か自動的に表示で確認できると思います。 https://shun.onl/mac-chrome-scrollbar20191227/

https://vektor-inc.co.jp/ でも同じ症状です。 vektor-inc

あと、グループブロックの中にグループブロックを入れて幅広にすると左に寄ってしまうようです。 wide

該当のコード クリックで表示
コード ```HTML

グループブロックでラップ(ブロック間隔を設定)

なし

幅広

全幅

何もラップしていない

なし

幅広

全幅

グループブロックでラップ

なし

幅広

全幅

```

TT3などでは横スクロールしなかったので、何かが横にはみ出していると思うのですが、特定出来ず。。。どなたか確認お願いします🙇‍♂️

kurudrive commented 1 year ago

@shimotmk ありがとうございますー。

※ 崩れてる例メモ https://www.vektor-inc.co.jp/post/how-to-use-slider-block/

osmdik commented 1 year ago

確認しました。 ヘッダーやタイトル部分(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://lopan.jp/breaking-out/

kurudrive commented 1 year ago

※ グループ入れ子は https://github.com/vektor-inc/x-t9/issues/171 の方で対応

kurudrive commented 1 year ago

対応済み close