[Popover]モーダルを開くときに座標を更新するように

[penicillin0]

やったこと

• <Popover>内部のモーダルを開くときに座標を更新するようにした

<Popover>が内部的に使わているコンポーネントについても問題が解決していることを確認しました。

背景など

• <Popover>を用いているコンポーネントにおいて、参照要素の移動に対して座標の更新がかからず、位置がずれていた
  (参考: https://github.com/voyagegroup/fluct_datastrap/issues/2802)

• <Popover>内部では参照要素の移動に対しては自動更新に対応していなかったため、手動で更新する必要がある

  The eventListeners modifier adds scroll and resize listeners that update the position of the popper when necessary. These are not exhaustive and don't cover the following cases:

  • When the reference element moves or changes size.
  • When the popper element changes size (i.e. content).

  (https://popper.js.org/docs/v2/modifiers/event-listeners/)

ref

• https://stackoverflow.com/questions/65585859/react-popper-incorrect-position-on-mount
• [DropdownButton] コンテキストメニューの座標を更新するように #370

[netlify]

✔️ Deploy Preview for ingred-ui ready!

🔨 Explore the source changes: 07fe960

🔍 Inspect the deploy log: https://app.netlify.com/sites/ingred-ui/deploys/60b9c2b0f8fa290008f1cd33

😎 Browse the preview: https://deploy-preview-371--ingred-ui.netlify.app/iframe

[youchann]

動作確認で問題なければLGTMです！！