[es：エス]

GONCYさん

ご丁寧にありがとうございます。お気遣い嬉しいかぎりです。恐れ入ります。

私もGONCYさんとすべて同じバージョンの環境で確認してみました。
スライダーが以降のタブに侵食する状態も、タブの複製についても、ご報告のとおり再現されました。

なお加えてとなりますが、タブの複製についてはスライダーブロックの入ったタブを複製して、あえてその状態で更新しても、フロントでは1つのタブ内にスライダーはひとつしか表示されませんでした。

複製したことにより、リスト表示では別のタブパネルとされていながら、編集画面ではGONCYさんもお示しのように見た目上、同じタブ内に2段で表示されているようになりますが、実際には存在していないようになっているようです。

以上取り急ぎ、ご報告しておきますね。

♥ 2

いいねをした人:

[キタジマ タカシ]

検証ありがとうございます！！！！

非表示のタブパネルは visibility: hidden になっているのですが、なぜかはわからないけどその中のスライダーは見えちゃうみたいですね。他の段落等は見えなくなるので謎です…。

今非表示のタブパネルは下記のようになっているので、

.smb-tab-panel[aria-hidden=true] {
    visibility: hidden;
}

こうしちゃうのが良いかもしれません。

.smb-tab-panel[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
}

タブパネルの複製は悩ましいですね…タブブロックの中でのタブパネルの追加・削除を独自のボタンでやっているのは、タブパネルとタブ（クリックする部分）の2つを同時に追加・削除して紐付けしないといけないからなので、標準の複製や追加ボタンで追加すると齟齬がでてしまって表示が崩れるのだと思います。うまいことやる方法があるのかはわかりませんが、ちょっと考えてみます。

♥ 1

いいねをした人:

[キタジマ タカシ]

v16.1.0 で修正してみました！

タブパネルの「ブロックの複製」は多分ちゃんと動くようになったかと思います。「ブロックの削除」はどうもブロックの仕様的に削除したタイミングでは処理が発火しないため、削除した直後ではタブパネルは消えるけどタブは残った状態になり、適当なところをクリック（選択や操作）をした段階でタブも消えるという挙動になるようです。

♥ 3

いいねをした人:

[GONSY]

@キタジマ さん

お疲れさまです。
すごい！全部（タブ内表示の不具合、タブパネル複製時の不具合）解消されました。

タブ – Demo Site for Snow Monkey

demo.gonsy.net

ありがとうございました！
トピック閉じます。

♥ 2

いいねをした人:

[投稿者]

投稿