Vue-js-modal: Horizontal alignment doesn't exclude window scroll bar width

[ptilli]

This is a great component, but there is a slight issue with horizontal alignment.

Web page content is usually aligned with scroll bar taken into account (document.body.clientWidth). However, this modal includes scroll bar width (window.innerWidth), which makes it aligned a bit too much on the right. Depending on the content behind, it looks more or less like a layout bug.

I think there should be at least a prop to choose whether to exclude scroll bar width.

[euvl]

Hey @ptilli,

Thanks for spotting it, ill change it to document.body.clientWidth.

[euvl]

Hey @ptilli, should be fixed in latest version 👍

[ptilli]

Thanks for the quick fix @euvl! Tested and it works.