会員サイトをリニューアルしました! 新サイトはこちら

タブブロックの挙動に関して < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

タブブロックの挙動に関して
 
通知
すべてクリア

タブブロックの挙動に関して

10 投稿
4 ユーザー
6 Likes
1,863 表示
つぶ
(@tbshiki)
Estimable Member
Topic starter
 

ブラウザ 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のキャッシュ設定全てオフ、サーバーキャッシュもオフにしています。
キャッシュ系プラグインも使用していません。

なにか改善の情報いただきたいです、よろしくお願いします。゚(゚´Д`゚)゚。

 
投稿済 : 11/06/2020 6:38 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

ご報告ありがとうございます...!

こちらで確認してみたのですが、再現できずにいます...; ;(iPhone11)

おそらく、タップ時にクリックイベントが発生せずにホバー時のCSSだけ効いてしまっているような感じになってしまっているのではないかなとは思うのですが...

 
投稿済 : 11/06/2020 7:55 am
つぶ reacted
つぶ
(@tbshiki)
Estimable Member
Topic starter
 

ほんといつもありがとうございます😭

すいません💦
もう少しいろいろ試して検証してみます!

もう一つ特殊な条件ですがタブブロックの報告だけさせてください🤣

デフォルト表示のタブのheightが大きく、切り替えたタブのheightが小さいときにフッターが引っ張られて浮いてくる現象がありました。
切り替え先のタブがある程度のheightを保てたらフッターが動くことはなくなりました。

heightに差のあるタブを使うことはあまりないかもしれないですが一応報告させてください。゚(゚´Д`゚)゚。

 
投稿済 : 11/06/2020 8:06 am
AKIRA
(@akira)
Active Member
 

@tbshiki   初めて投稿いたします。数日前にSWELLERS'を購入し、Macのローカル環境でウェブサイトを構築中です。

SafariとChromeで動作確認しておりますが、タブブロックがまさにそのような挙動です。一番内容に高さのあるタブではフッターが正常に表示されますが、それ以外はコンテンツの後フッターが浮いてきてフッターだらけになります。今の所100%この症状が出ます。

デフォルト表示のタブのheightが小さくてもこの問題は起きます。私の使い方ではタブによってheight差があることはしょっちゅうなので、これが改善されると良いなぁと思っております。

どうぞよろしくお願いいたします。

 
投稿済 : 24/06/2020 2:21 pm
つぶ reacted
了(開発者)
(@ryo)
Illustrious Member Admin
 

@akira

@tbshiki

すみません、いまいちどういう状況になってしまっているかピンときていないのですが、これ、現象が確認できるページなどはありますか?

もしくは、動画などで見せていただければありがたいです!

 
投稿済 : 25/06/2020 5:49 am
つぶ reacted
つぶ
(@tbshiki)
Estimable Member
Topic starter
 

@ryo ありがとうございます!

プレビューなのと、わかりやすく縮小しています(; ・`ω・´)
フードタブにだけコンテンツがある状態でフードタブの中身を消しています。

ドリンクにしたときに黒いバーがでてくるのがフッターです💦

 
投稿済 : 25/06/2020 6:05 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

@tbshiki ありがとうございます!

@akira さん、

フッターだらけになります。

という現象が確認できないのですが、こちらも見せていただければ助かります...。

 
投稿済 : 25/06/2020 6:12 am
つぶ reacted
AKIRA
(@akira)
Active Member
 

@ryo   お疲れ様です。

MacをiPhoneで撮った映像ですがご確認いただければ幸いです。
2つページを映していますがどちらも固定ページです。
どちらもまず最初に一番内容が多い(高さが高い)タブです。その時のフッターは正常です。
次に内容が少ない(高さが低い)タブを開いてページの下にスクロールすると映像の通りです。

お忙しいところお手数をおかけしますが、どうぞよろしくお願いいたします。

https://www.dropbox.com/s/d05tcy3hs68vnnx/IMG_4888.mp4?dl=0

 
投稿済 : 25/06/2020 7:28 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

あ、なるほどです、フッターの数が増えるというわけではなく、つぶさんと同じような状態になる感じですね...!

調査して修正できるようにがんばります...!

 
投稿済 : 01/07/2020 3:11 am
hoshinasia
(@hoshinasia)
Active Member
 
投稿者:: @tbshiki

タブ2つとも選択状態になり表示が切り替わらない

横から失礼します。同じような状況でフォーラム内を探した所たどり着きました。

色々触ってみた所、タブブロック設定のIDを手動で設定したら通常の挙動になりました。

※未設定だと「1b25af43-552b-4eff-b004-a48870eb556d」といったランダムなIDが自動でつけられますが、これを任意のIDにしました。

こちら、まだ開発中のサイトで実際のページを公開できないのですが、情報だけでも共有させていただければと思います。

 
投稿済 : 23/02/2021 4:12 pm
共有: