ui icon indicating copy to clipboard operation
ui copied to clipboard

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

Open KumJungMin opened this issue 1 year ago • 0 comments

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

https://github.com/indielayer/ui/assets/37934668/e084ef98-743a-4abc-9c55-72456e52e396


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?

KumJungMin avatar Jun 02 '24 08:06 KumJungMin