Brooklynテーマを用いてサイトを制作しているのですが、不可解な現象が発生しました。
Brooklynテーマをスマホで表示した際にハンバーガーメニューとドロワーカートのボタンをタッチすると、
展開されたメニューと既存で表示されている画面とのあいだに青い境界線が表示されるのです。
デベロッパーツールでは表示されず、実機で確認した場合のみに表示されます。
数日前には発生していなかったと記憶しているのですが、
解決方法に心当たりのある方はいらっしゃいますでしょうか？
1 Like
確認された環境や詳細が不明なの検証できませんが、iPhoneならSafariの「開発」で簡易に確認可能です。
手持ちのiPhoneで確認したところ青線が出ており、フォーカスした要素にoutlineで表示される装飾に見えました。
開発者ツールで要素のidがNavDrawerであることを特定し、outline:none;を設定したところ消える事は確認しました。
ただし確認したのはデモサイト( https://themes.shopify.com/themes/brooklyn/styles/classic/preview )のため、テーマのバージョンがあっているのかわからずこの方法で解決できるかどうかの確信はありませんので、その点ご了承ください。