phegman/v-scroll-lock

A Vue.js directive for body scroll locking without breaking scrolling of a target element.

v-scroll-lock's Issues

no v-scroll-lock-no-dep.esm.js equivalent for typescript

Its impossible to use this seamlessly with typescript since you can't use a version without the js body-scroll-lock dependency.

Library is licensed as GPL-3

Hey,

This library is licensed as GPL-3 and is being used in chakra-ui/vue. Unfortunately, this blocks us from using chakra ui in a commercial product.

Would you consider changing the license to something more permitting? 💖

Apache-2.0 works well for us, MIT would too.

Not working in vue3

So I installed as you install vue 3 plugins:

main.js:

import VScrollLock from 'v-scroll-lock'
app.use(VScrollLock)

and in the app

<div v-scroll-lock="true">

but nothing happens, the body is still scrollable. It fails silently, so no errors or anything.

Not working in iOS12

My application is not a Cordova project but a Vue-CLI3 project, header and footer are locked (no elastic effects anymore), the main content between header and footer is scrolling. On iOS 12 the main content shows a scrollbar but it does not scroll...

On Android it works okay.

There could be a solution overhere: FL3NKEY/scroll-lock#1

Not working with Nuxt SSR

I tried to integrate it with Nuxt but apparently, it's not SSR compatible.
Could it be modified to work with Nuxt?
Thanks

Not working on Safari Desktop 13.0.5

I haven't tested with other versions, but it scrolls on this version for sure. Perhaps related to #1?

How can I set reserveScrollBarGap

I am not quite sure how to apply this option with this directive. Hence, I am currently having to just use body-scroll-lock directly

TypeScript Support

The v-scroll-lock package does not provide its own TypeScript definitions, and none are available from DefinitelyTyped.

The only way to use this package with TypeScript at the moment is by using a shim .d.ts file.