Comments (3)
Multiple snap points is on the list!
I'm struggeling to understand what a non-blocking mode is, could you elaborate?
from vaul.
Non-blocking mode would disable the modal behaviour, so users can click on and interact with content that isn't directly obscured by the drawer. Setting modal={false}
on the Dialog.Root component would probably be the first step.
In my use case, the "closed" state isn't actually closed, but rather the drawer occupies a low snap point and is non-modal. When expanded to a higher snap point, the drawer becomes modal so that tapping on the backdrop closes it (i.e. returns it to the low snap point).
from vaul.
This is on the road map, I will fine tune the current implementation first.
from vaul.
Related Issues (20)
- do not modify body style attribute HOT 4
- Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()? HOT 2
- how to disable dragging inside Drawer? HOT 1
- Release 0.9.1 with fixes? HOT 5
- Feat: snap points with `<Drawer.SnapPoint />` HOT 3
- drawer with modal=false still closes inappropriately
- feature request: with snap points, make high-velocity behavior optional
- the `data-vaul-no-drag` class does not work correctly HOT 1
- Closing nested drawer with esc causing Runtime error HOT 1
- How to disable dragging in Drawer? HOT 1
- Update use-prevent-scroll hook
- Error when run tests in 0.9.1 version
- `onOpenChange` still getting called twice when user clicks outside of Drawer
- Text in drawer can't be selected HOT 5
- Fixed body when modal is open should be optional HOT 1
- iOS issues with snap points + modal=false (bg interact-able) + non-dismissable + scroll HOT 4
- Warning: useLayoutEffect does nothing on the server when using Drawer from vaul in Nextjs 13
- Anchor tag hyperlink to page fragments not working HOT 1
- Vaul forces full width wherever the component is used and messes up the styling of the parent component/section HOT 1
- `vaul/dist/index.css` no longer exists in `v0.9.1` HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vaul.