モバイル端末で左下ボタン・画像がうまく機能しない

[sankichi92]

• Pixel 5a (Chrome): そもそも左下に何も表示されない
• iPad Air 4 (Safari): 画像が見切れるうえ、ボタンを1回タップしただけなのに2回連続でタップしたような挙動になる

なぜそうなるかよくわからないし、デバッグが難しい……。

[smellman]

• leaflet-bottom leaflet-leftがcssで"bottom 10px;" なので表示がされない。bottom 100px;ぐらいにすると表示が可能となると思われる。
• onTouchStartを実装してそちらの方はreturn falseを返すようにするとうまくいくかもしれない(ダブルタップを防ぐ)

[sankichi92]

コメントありがとうございます。調べてみます。

[sankichi92]

メモ: https://github.com/CliffCloud/Leaflet.EasyButton/blob/cd53db586a10d5a9c4efed003327cad29f4760bf/src/easy-button.js#L184-L187

[sankichi92]

• contributions not visible in fullscreen map using chrome on android Leaflet/Leaflet#5636
• https://hysryt.com/archives/1092

なるほど……？

[sankichi92]

Leaflet/Leaflet#7255

Safari のダブルクリックは Leaflet のバグっぽい。