[ 解決済 ] Outerブロック上のOuterブロックの「コンテナ内側のスペース設定」がきかない

VWSとは フォーラム バグ報告と提案 [ 解決済 ] Outerブロック上のOuterブロックの「コンテナ内側のスペース設定」がきかない

[ 解決済 ] Outerブロック上のOuterブロックの「コンテナ内側のスペース設定」がきかない

  • このトピックには6件の返信、3人の参加者があり、最後にVektor,Incにより1年、 6ヶ月前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #74451

    saori.k
    参加者

    ■ WordPress のバージョン
    6.1.1

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
    確認しました。

    ■ テーマの種類
    Katawara

    ■ テーマのバージョン
    1.19.0

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ プラグインの種類・バージョン
    VK All in One Expansion Unit 9.87.2.1
    VK Block Patterns 1.26.1
    VK Blocks Pro 1.53.0.0

    ■ 期待する動作
    Outerブロック上に配置したOuterブロックで「コンテナ内側のスペース設定」が設定できるようになる

    ■ 自分で試した事
    ・「Katawara」以外のテーマでも再現する。
    ・背景色用の下敷きOuterが全幅でも標準幅でも再現する。
    ・背景色用の下敷きOuterの幅余白(左右)でどれを選んでも再現する。

    ■ 症状が発生するブラウザ
    Chrome

    ■ 実際の症状
    ケース1)
    背景色として全幅のOuterブロックを配置し、
    その上に通常幅のOuterブロックを配置すると「コンテナ内側のスペース設定」が反映されない。

    ケース2)
    背景色として全幅のOuterブロックを配置し「コンテナ内側のスペース設定」を設定する。
    その上に通常幅のOuterブロックを配置すると、上記の背景色用のOuterブロックの「コンテナ内側のスペース設定」の数字がこちらにも反映されてしまう。(WordPress編集画面上の設定数字をいじっても反映されない、実際のページの表示を確認すると下敷きにしたOuterブロックの設定値を継承してしまう)

    ■ その他特記事項
    以前から「Outerブロックでコンテナ内側スペース設定がきかない」ケースがあったので、以前からの症状です。
    長らく条件が分からなかったのですが、今回「実際の症状 ケース2」で、OuterブロックにOuterブロックを重ねると再現する(下敷きのOuterの設定値を継承してしまっている)ことに気付いたので、ご報告します。

    • このトピックはsaori.kが1年、 6ヶ月前に変更しました。
    #74464

    うなこ
    モデレーター

    ケース1)
    背景色として全幅のOuterブロックを配置し、
    その上に通常幅のOuterブロックを配置すると「コンテナ内側のスペース設定」が反映されない。

    通常幅と全幅のOuterブロック、どちらも「コンテナ内側のスペース設定」が反映されないでしょうか。

    もし全幅のOuterブロックだけ「コンテナ内側のスペース設定」が反映されない場合は、
    全幅のOuterブロックの「レイアウト設定」の「幅」設定の「余白(左右) 」は何になっていますか?

    #74467

    うなこ
    モデレーター

    ケース2)
    背景色として全幅のOuterブロックを配置し「コンテナ内側のスペース設定」を設定する。
    その上に通常幅のOuterブロックを配置すると、上記の背景色用のOuterブロックの「コンテナ内側のスペース設定」の数字がこちらにも反映されてしまう。(WordPress編集画面上の設定数字をいじっても反映されない、実際のページの表示を確認すると下敷きにしたOuterブロックの設定値を継承してしまう)

    私の環境では再現できませんでしたが、
    ただ、全幅サイズで、余白 (左右):コンテンツエリアに合わせる にした時に、コンテナ内部のスペース設定がPCサイズで(テーマ側のcssに上書きされる)効いていないのは確認できました。

    ▼社内用issue
    https://github.com/vektor-inc/vk-blocks-pro/issues/1612

    #74470

    saori.k
    参加者

    うなこ様、ご確認ありがとうございます。

    ケース1)
    背景色として全幅のOuterブロックを配置し、
    その上に通常幅のOuterブロックを配置すると「コンテナ内側のスペース設定」が反映されない。

    通常幅と全幅のOuterブロック、どちらも「コンテナ内側のスペース設定」が反映されないでしょうか。

    → 上に重ねた通常幅のOuterブロックのことです。(下敷きにした全幅Outerで内側スペースありはケース2)
    ケース2も踏まえて、「下敷き全幅Outerの内側スペース初期値0が継承されている」と推測しています。

    「自分で試したこと」に記載した通り、背景色用の下敷き全幅Outerの幅余白(左右)でどれを選んでも再現します。

    ケース2)
    背景色として全幅のOuterブロックを配置し「コンテナ内側のスペース設定」を設定する。
    その上に通常幅のOuterブロックを配置すると、上記の背景色用のOuterブロックの「コンテナ内側のスペース設定」の数字がこちらにも反映されてしまう。(WordPress編集画面上の設定数字をいじっても反映されない、実際のページの表示を確認すると下敷きにしたOuterブロックの設定値を継承してしまう)

    私の環境では再現できませんでしたが、
    ただ、全幅サイズで、余白 (左右):コンテンツエリアに合わせる にした時に、コンテナ内部のスペース設定がPCサイズで(テーマ側のcssに上書きされる)効いていないのは確認できました。

    → 私の環境では「自分で試したこと」に記載した通り、背景色用の下敷き全幅Outerの幅余白(左右)でどれを選んでも再現します。
    当方では現状、「スペース設定が効いていない」のではなく、正確には「下敷きにしたOuterのコンテナ内部のスペース設定の値が、上に重ねたOuterブロックにも継承されている」状態です。(余白を極端に150などに設定して目視&Chrome開発者ツールから確認)
    環境によって差があるのですね・・・

    他に気付いた条件などがあれば別途追記します。

    #74508

    Vektor,Inc
    キーマスター

    お世話になっております。
    以下のフォーラム・エラー共有方法をご確認して、
    該当の不具合が起こるページの投稿内容をコピーしてファイルを共有することは可能でしょうか。

    ▼フォーラム・エラー共有方法

    フォーラム・エラー共有方法

    #74511

    saori.k
    参加者

    ご返信ありがとうございます。
    firestorageへアップロードしたファイルを共有させていただきます。

    https://firestorage.jp/download/1fff3b8f93abb5b1faaf8cd21865cd99e6128c9c

    追加で、テーマによって差があるか一通り確認してみましたが、私の所では現状どのテーマでも再現しています。
    ・Katawara
    ・LightningPro
    ・Lightning(G3ProUnit)(theme.json無効)
    ・Lightning(G3ProUnit)(theme.json有効)

    #74513

    Vektor,Inc
    キーマスター

    返信ありがとうございます、確認いたしました。

    Outerブロックの中に、もう一つOuterブロックを設置しているということですね。
    たしかに内側のOuterにもコンテナ内側のスペース設定が入っているようでした。

    (もしお急ぎでしたら、
    Outerブロックの中のOuterブロックをグループブロックに変更して、背景色など設定していただくのはいかがでしょうか。

    社内用issue
    https://github.com/vektor-inc/vk-blocks-pro/issues/1614

    • この返信は1年、 6ヶ月前にVektor,Incが編集しました。
    Attachments:
    You must be logged in to view attached files.
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • このトピックに返信するにはログインが必要です。