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

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

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

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

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

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

・根本的には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の値通りにならない）バグによる影響です。

 

【発生状況】

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

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

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

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

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

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

スライドの表示枚数　＞　共に１

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

 

【対応した内容】

下記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)}

 

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