🐛 Changed order in lock() function to adjust padding before changing …

…the overflow (#516 from @novacdenis)

* Changed order in lock() function to adjust padding before changing the overflow

* fix test after code changes

---------

Co-authored-by: Julien <juliencaron@protonmail.com>

packages/usehooks-ts/src/useScrollLock/useScrollLock.test.ts

@@ -102,4 +102,14 @@ describe('useScrollLock()', () => {
     unmount()
     expect(document.body.style.overflow).toBe('')
   })
+
+  it('should add padding-right to prevent width reflow', () => {
+    const { unmount } = renderHook(() => useScrollLock())
+
+    const scrollbarWidth = window.innerWidth - document.body.scrollWidth
+
+    expect(document.body.style.paddingRight).toBe(`${scrollbarWidth}px`)
+    unmount()
+    expect(document.body.style.paddingRight).toBe('')
+  })
 })