indielayer/ui

Modal: the width of content increases when modal is opened.

Closed this issue · 1 comments

KumJungMin commented

Issue

  • the width of content increases when modal is opened.

playground: https://codesandbox.io/p/devbox/agitated-thunder-vxrrgr?file=%2Fsrc%2FApp.vue%3A24%2C1

modal-right-padding.mp4

Solution

  • As the overflow of the body area changes from auto to hidden, the content width increases by the width of the scroll bar.
  • This phenomenon can solve to add scroll width in paddingRight when the modal is opened.
  • can i suggest fixed PR?
jpntex commented

Hi @KumJungMin, sorry for the delay, I missed the PR suggestion part.
I've added the fix with 2e95f8d

Let me know if this covers what you were suggesting. Thanks

  • 👍1
  • 🎉1