Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
【ios】メインビジュアルのテキストレ...
 
通知
すべてクリア

[解決済] 【ios】メインビジュアルのテキストレイヤーが、画像背面に隠れる場合があります。

3 投稿
2 ユーザー
2 Likes
520 表示
kuniki99
(@kuniki99)
投稿: 2
メンバー
Topic starter
 

お世話になっております。

当方で解決済みではございますので、念のための報告のみでサポート、ご返信は不要でございます。

不具合と言いますか、ご連絡したかっただけなのですが、窓口としてこちらしか思い当たらなかったので、不具合報告という形式とさせていただきます。

お気を悪くされましたら申し訳ございません。

・既知の不具合、端末・ブラウザバージョンのサポート範囲外、仕様である場合、再現性が無い場合(弊環境独自の物であると思われる場合)無視していただいて大丈夫です。

・申し訳ございませんが詳しくは調査はしておらず、ご報告内容としては限定的でいささか情報が不足しております事ご容赦くださいませ。

・根本的にはios safariの仕様・バグが原因と思われますが、対処可能でもあるかと存じますので、ご参考になればと思い投稿させていただく次第でございます。

 

【発生した環境】

iphone実機端末、safariブラウザ

Mozilla/5.0 (iPhone; CPU iPhone OS 16_0_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1

 

【現象】

メインビジュアルがスライダーの時、スライドのテキストレイヤー及びオーバーレイレイヤーが稀に表示されないことがありました。

いわゆる、iosにおけるtransform中の表示優先順位がおかしくなる(z-indexの値通りにならない)バグによる影響です。

 

【発生状況】

カスタマイザー内の「メインビジュアル」の項目にて、

表示内容 > 画像 とし、複数枚画像を設定スライダーとして表示するように設定

各スライド内に文字とボタンを設定

ドットオーバーレイ、塗りのオーバーレイを設定しました。

切り替えアニメーション > スライド

アニメーション > 左から右へ

スライドの表示枚数 > 共に1

ページネーションを表示する

 

【対応した内容】

下記cssを追加することで、スライドアニメーション中でも重ね順が画像よりも前面に来るように強制しました。

.p-mainVisual__textLayer {transform:translateX(-50%) translateZ(1px)}
.c-filterLayer.-texture-dot:after{transform:translateZ(1px)}
.c-filterLayer.-texture-dot:before{transform:translateZ(1px)}

 

以上ご確認いただけますと幸いです。

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.3.2
利用中のPHPバージョン
7.4.33
OS
iphone
利用中のWordPressバージョン
6.1.1
利用中のサーバー会社
xserver
ブラウザ
safari
利用中のプラグイン一覧

なし

 
投稿済 : 01/03/2023 6:36 pm
skillsharejp reacted
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

ご報告ありがとうございます!あとで確認しておきます!

SWELL開発者です。

 
投稿済 : 01/03/2023 6:55 pm
kuniki99 reacted
kuniki99
(@kuniki99)
投稿: 2
メンバー
Topic starter
 

ご返信ありがとうございます。

デバッグなど、何かご協力できることがございましたらお気軽にお声がけくださいませ!

 
投稿済 : 02/03/2023 2:04 pm
共有: