Scroll bar width calculated incorrectly

[krutoo]

Hi, first of all, thanks for great library

In the source code there is a calculation of the scrollbar width

body-scroll-lock/src/bodyScrollLock.js

Line 76 in 79c4cf2

const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;

const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;

it doesn't work correctly if the body has styles min-width: 995px and page has meta:

<meta name="viewport" content="width=device-width" />

It looks like:

Maybe solution like in this article would be more properly:
https://javascript.info/task/scrollbar-width

// create a div with the scroll
let div = document.createElement('div');

div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';

// must put it in the document, otherwise sizes will be 0
document.body.append(div);
let scrollWidth = div.offsetWidth - div.clientWidth;

div.remove();

alert(scrollWidth);

[r0ughnex]

I can confirm this happens 👍

[AVL68]

Good day! Any comments from the developers of this library?

[rick-liruixin]

They stopped the repairs. I had to do it myself, in the same way, with a new version of typeScript. And fix these problems for everyone to use. add react hooks、vue3 example

npm i body-scroll-lock-upgrade

repair log，Refer to the releases page.
@r0ughnex @krutoo @AVL68