dropDownをiOSでも表示させるように

[nokhnaton]

fix: #2088
iOSでキーボードを開いた時、CSSのtopの基準はキーボードの高さ分上にずれるのに対して、getBoundingClientRectはディスプレイ上部で固定されていたため、表示位置がずれていた。
window.visualViewport.offsetTopを利用することでそこのずれを取得することができた

[github-actions]

Preview (prod) → https://4114-prod.traq-preview.trapti.tech/
Preview (dev) → https://4114-dev.traq-preview.trapti.tech/

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

📢 Thoughts on this report? Let us know!.

[ras0q]

window.visualViewport.offsetTop初耳だった
Safari、PWAで確認しました

[mehm8128]

僕のスマホ(Android)で表示されなくなってそうです:thinking:
調査はあとでします

[nokhnaton]

僕のスマホ(Android)で表示されなくなってそうです🤔 調査はあとでします

理由としてwindow.visualViewport.offsetTopの値が正か負の:wa_deka:に設定されているくらいしか理由がパッと思いつきませんが、android持ってないので試せないです。
正直、iOSでだけ新しい式になるように書き換えるとかでもいい気はしているので、ちょっと調べてわからなさそうならiOSでだけ書き換えるようにします

[mehm8128]

今見てみたらwindow.visualViewport.offsetTopは280でした

解決法分からなければ

iOSでだけ新しい式になるように書き換える

でよさそうです

[Pugma]

僕の Android スマホ上で動作しました〜
確認済みなので ok です