- このトピックには18件の返信、3人の参加者があり、最後に
により2年、 2ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 17.2.1
【お使いの Snow Monkey Blocks のバージョン】 16.0.1
【お使いの Snow Monkey Editor のバージョン】 8.0.1
【お使いのブラウザ】 Chrome
【当該サイトのURL】 https://demo.gonsy.net/tabs/### 発生している問題
Snow Monkey Blocksの 【タブ】ブロックを使ったページのフッター下に余計な余白が発生。
コピーライトで止まらずにスクロールできてしまいます。
当該サイトのテストページ［ TAB1 ］は、4つの段落ブロックを入れ、［ TAB2 ］に1つの画像ブロックを入れていますが、［ TAB1 ］のフッター下部に余白が発生、［ TAB2 ］には出ません。### 試したこと
タブブロックの設定
タブブロック選択時の右メニュー「各タブパネルの高さを揃える」をONにするとこの現象は出なくなります。
しかし、タブの高さが揃ってしまうことにより、情報量の少ないタブの場合でも情報量の多いタブと同じ分だけスクロールできるためあまり好ましくない状態になってしまいます。CSS追記
.smb-tabs[data-match-height=false]>.smb-tabs__body>.smb-tab-panel[aria-hidden=true] { display: none; }これで解消されるっぽいのですが、検証していただけると幸いに思います。
なお、My Snow Monkey、Snow Monkey Blocks、Snow Monkey Editor以外のプラグインは無効化しています。いいねをした人:
横からすみません。
私の環境では、キタジマさんのコードでは反対に2番目のタブ側のフッター下段の余白が
大きく下に伸びてしまいましたが、下記のようにすると直ったように見えています。.smb-tabs[data-match-height=false]>.smb-tabs__body>.smb-tab-panel[aria-hidden=true] { position: fixed; }あるいはキタジマさんのコードの
absoluteをfixedに。.smb-tabs[data-match-height=false]>.smb-tabs__body>.smb-tab-panel[aria-hidden=true] .smb-tab-panel__body { position: fixed; }同じく詳しくはチェックできていませんが、ヒントになりましたら幸いです。
いいねをした人:
@キタジマ さん
display: none; 以外の方法で対処するのが理想です。
ご教示ありがとうございます。
コードを試した感じ、今度は画像ブロックの入った別タブのフッターにかなりの余白が出現してしまいました。@es さん
私の環境では、キタジマさんのコードでは反対に2番目のタブ側のフッター下段の余白が
大きく下に伸びてしまいましたが、そうなんです。この現象が発生しました。
ご提示のコード（以下）で解消されました。.smb-tabs[data-match-height=false]>.smb-tabs__body>.smb-tab-panel[aria-hidden=true] { position: fixed; }タブ内に別のブロックを使うことで症状が発生するか検証していませんが、現状で解消されました。
@es さんありがとうございます。
@キタジマ さん。解消方法は得られましたが、引き続き試していただけると幸いです。
トピックは@キタジマ さんの回答後に閉じようと思います。いいねをした人:
GONSYさん
いつもGONSYさんにも勉強させていただいておりますので、少しでもお役に立てたなら何よりです。
ただ、私の案が最適解かはSnow Monkey全体での兼ね合いもあると思いますので、
キタジマさんの最終的な見解をお待ちしたいですね。お邪魔いたしました。これからもよろしくお願いいたします。
いいねをした人:うむー、そうなんですね。僕の Chrome だと
absoluteでも問題なかったのですが、Firefox だと現象が確認できました。fixedにしちゃったほうが良さそうですね。次のアップデートでこの変更を入れようと思います。ご協力ありがとうございます！いいねをした人:GONCYさんをおいてお答えするのは恐縮ですが、一部関与したものとして失礼いたします。
私の環境ではv16.0.8で問題なく表示されました。ただ上記に示されているトピックの問題は解決していないように見えますので、そちらのトピックの方で状況をご報告しますね。
いいねをした人:
確認ありがとうございます！
ただ上記に示されているトピックの問題は解決していないように見えますので、そちらのトピックの方で状況をご報告しますね。
ぐえ、まじですか！再度確認してみます…！
いいねをした人:@キタジマ さん
タブブロックですが、スライダーブロックを入れたら、それ以降のタブにも表示されてしまいました。
また、別の問題で恐縮ですが、編集時にタブを「複製」すると新しい タブパネル ができず、複製元の下に複製されました。
使うケースはそれほど多くありませんがご検証をお願いします。
WordPress 6.0.2
Snow Monkey 17.2.6
Snow Monkey Blocks 16.0.9@es さん
いろいろとフォローありがとうございます。
複数名の方がコメントを入れてくれるほうがフォーラムとしてはいいかたちだと思います。
また何かありましたらフォローをお願いします。いいねをした人:
- トピック「タブブロックでフッター下部に余白が発生します」には新しい返信をつけることはできません。