フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。
タブブロックの挙動に関して < SWELLに関する質問
ブラウザ iPhone XS Max Safari・Google Chrome
OS iOS
SWELL・WordPress共に最新バージョンです。
該当URL
https://torich-sumiyaki.com/
いつも大変お世話になっております。
タブブロックに関して、
iPhone XS Max Safari・Google Chromeの環境でタブブロックを表示した時、に2つ目タブをタップするとタブ2つとも選択状態になり表示が切り替わらない時があります(; ・`ω・´)
該当URLではホームページの中程にあります。
発生状況がとても特殊でタブを画面中央付近でタップすると発生します💦
ページ内リンクで遷移した後は問題なく切り替わります。
一度表示を切り替えた後は問題なく切り替えできます。
動画にしてみました。 https://www.dropbox.com/s/4giinfcck8m93tl/%E5%8B%95%E7%94%BB%202020-06-11%2015%2035%2021.mp4?dl=0
SWELLのキャッシュ設定全てオフ、サーバーキャッシュもオフにしています。
キャッシュ系プラグインも使用していません。
なにか改善の情報いただきたいです、よろしくお願いします。゚(゚´Д`゚)゚。
ご報告ありがとうございます...!
こちらで確認してみたのですが、再現できずにいます...; ;(iPhone11)
おそらく、タップ時にクリックイベントが発生せずにホバー時のCSSだけ効いてしまっているような感じになってしまっているのではないかなとは思うのですが...
ほんといつもありがとうございます😭
すいません💦
もう少しいろいろ試して検証してみます!
もう一つ特殊な条件ですがタブブロックの報告だけさせてください🤣
デフォルト表示のタブのheightが大きく、切り替えたタブのheightが小さいときにフッターが引っ張られて浮いてくる現象がありました。
切り替え先のタブがある程度のheightを保てたらフッターが動くことはなくなりました。
heightに差のあるタブを使うことはあまりないかもしれないですが一応報告させてください。゚(゚´Д`゚)゚。
@tbshiki 初めて投稿いたします。数日前にSWELLERS'を購入し、Macのローカル環境でウェブサイトを構築中です。
SafariとChromeで動作確認しておりますが、タブブロックがまさにそのような挙動です。一番内容に高さのあるタブではフッターが正常に表示されますが、それ以外はコンテンツの後フッターが浮いてきてフッターだらけになります。今の所100%この症状が出ます。
デフォルト表示のタブのheightが小さくてもこの問題は起きます。私の使い方ではタブによってheight差があることはしょっちゅうなので、これが改善されると良いなぁと思っております。
どうぞよろしくお願いいたします。
@ryo ありがとうございます!
プレビューなのと、わかりやすく縮小しています(; ・`ω・´)
フードタブにだけコンテンツがある状態でフードタブの中身を消しています。
ドリンクにしたときに黒いバーがでてくるのがフッターです💦
あ、なるほどです、フッターの数が増えるというわけではなく、つぶさんと同じような状態になる感じですね...!
調査して修正できるようにがんばります...!
タブ2つとも選択状態になり表示が切り替わらない
横から失礼します。同じような状況でフォーラム内を探した所たどり着きました。
色々触ってみた所、タブブロック設定のIDを手動で設定したら通常の挙動になりました。
※未設定だと「1b25af43-552b-4eff-b004-a48870eb556d」といったランダムなIDが自動でつけられますが、これを任意のIDにしました。
こちら、まだ開発中のサイトで実際のページを公開できないのですが、情報だけでも共有させていただければと思います。