vaul

What's Changed

Most importantly the scroll top issue should now be gone, issues with controlled state/defaultOpen prop should also be fixed.

If you are scaling background, please ensure to change [vaul-drawer-wrapper] to [data-vaul-drawer-wrapper]. I'll make it backwards compatible in v0.9.4.

• feat: add export on props by @ferdylimmm9 in https://github.com/emilkowalski/vaul/pull/405
• adjust snapPoints on window resize by @bviebahn in https://github.com/emilkowalski/vaul/pull/399
• Export DialogProps type by @martynaskadisa in https://github.com/emilkowalski/vaul/pull/348
• fix: scroll top by @emilkowalski in https://github.com/emilkowalski/vaul/pull/406
• ISSUE-369: Make vaul use data- attr for Content direction by @mikita-liaukovich-epam in https://github.com/emilkowalski/vaul/pull/404
• fix: controlled state by @emilkowalski in https://github.com/emilkowalski/vaul/pull/408
• refactor: background scaling by @emilkowalski in https://github.com/emilkowalski/vaul/pull/409
• feat: add prop to disable input repositioning by @emilkowalski in https://github.com/emilkowalski/vaul/pull/410

New Contributors

• @ferdylimmm9 made their first contribution in https://github.com/emilkowalski/vaul/pull/405
• @bviebahn made their first contribution in https://github.com/emilkowalski/vaul/pull/399
• @martynaskadisa made their first contribution in https://github.com/emilkowalski/vaul/pull/348
• @mikita-liaukovich-epam made their first contribution in https://github.com/emilkowalski/vaul/pull/404

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.9.2...v0.9.3

Expect much more updates in the very near future :)

What's Changed

• fix(src): Replace React.useLayoutEffect with useIsomorphicLayoutEffect by @axeldesutter in https://github.com/emilkowalski/vaul/pull/368
• build: upgrade bundler by @huozhi in https://github.com/emilkowalski/vaul/pull/315
• chore: update pnpm by @emilkowalski in https://github.com/emilkowalski/vaul/pull/401

New Contributors

• @axeldesutter made their first contribution in https://github.com/emilkowalski/vaul/pull/368

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.9.1...v0.9.2

A lot of bug fixes + two additions that were requested:
noBodyStyles: When true the body doesn't get any styles assigned from Vaul.
setBackgroundColorOnScale: When false we don't change body's background color when the drawer is open. true by default

What's Changed

• chore: move build related to dev deps by @huozhi in https://github.com/emilkowalski/vaul/pull/257
• Cancel current drag when closing the drawer by @henriqemalheiros in https://github.com/emilkowalski/vaul/pull/263
• fix: remove extra 'use client' directive by @Kinbaum in https://github.com/emilkowalski/vaul/pull/261
• Make data-vaul-no-drag work if any parent matches by @arsaizdihar in https://github.com/emilkowalski/vaul/pull/267
• Use bunchee as bundler by @huozhi in https://github.com/emilkowalski/vaul/pull/260
• Fix Non-Dismissable Swiping by @keeganpotgieter in https://github.com/emilkowalski/vaul/pull/276
• dont run onopenchange twice by @emilkowalski in https://github.com/emilkowalski/vaul/pull/297
• fix lock file by @emilkowalski in https://github.com/emilkowalski/vaul/pull/298
• fix: block swipe if in wrong direction by @joaom00 in https://github.com/emilkowalski/vaul/pull/314
• fix element existence check by @jacobclyne in https://github.com/emilkowalski/vaul/pull/309
• Fixed: elemente -> element by @Abdul535 in https://github.com/emilkowalski/vaul/pull/308
• Fix position fixed causing layout shifts on standalone sites (pwa) by @Cuzart in https://github.com/emilkowalski/vaul/pull/277
• Issues when using drawer with autofocus input on iOS by @ze-kel in https://github.com/emilkowalski/vaul/pull/258
• Batch fixed position style updates by @rortan134 in https://github.com/emilkowalski/vaul/pull/337
• fix: drag upwards by @joaom00 in https://github.com/emilkowalski/vaul/pull/326
• feat: drawer handle component by @rortan134 in https://github.com/emilkowalski/vaul/pull/182
• add warning when drawer context is used outside of scope by @rortan134 in https://github.com/emilkowalski/vaul/pull/336
• Fix inappropriate non-modal drawer closure by @artemis-prime in https://github.com/emilkowalski/vaul/pull/332
• added setBackgroundColorOnScale prop by @cervantes-x in https://github.com/emilkowalski/vaul/pull/338
• Add prop to not add body styles by @emilkowalski in https://github.com/emilkowalski/vaul/pull/342

New Contributors

• @henriqemalheiros made their first contribution in https://github.com/emilkowalski/vaul/pull/263
• @Kinbaum made their first contribution in https://github.com/emilkowalski/vaul/pull/261
• @arsaizdihar made their first contribution in https://github.com/emilkowalski/vaul/pull/267
• @keeganpotgieter made their first contribution in https://github.com/emilkowalski/vaul/pull/276
• @jacobclyne made their first contribution in https://github.com/emilkowalski/vaul/pull/309
• @Abdul535 made their first contribution in https://github.com/emilkowalski/vaul/pull/308
• @Cuzart made their first contribution in https://github.com/emilkowalski/vaul/pull/277
• @ze-kel made their first contribution in https://github.com/emilkowalski/vaul/pull/258
• @artemis-prime made their first contribution in https://github.com/emilkowalski/vaul/pull/332
• @cervantes-x made their first contribution in https://github.com/emilkowalski/vaul/pull/338

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.9.0...v0.9.1

What's Changed

• Fix scroll top with smooth scroll by @emilkowalski in https://github.com/emilkowalski/vaul/pull/219
• update bundler by @emilkowalski in https://github.com/emilkowalski/vaul/pull/221
• Fix: Allow snapping to the first snap point by @suphon-t in https://github.com/emilkowalski/vaul/pull/223
• Fix useSnapPoints onRelease position by @suphon-t in https://github.com/emilkowalski/vaul/pull/227
• fix: using e.preventDefault to prevent drawer from closing by @GrantClark1999 in https://github.com/emilkowalski/vaul/pull/237
• remove duplicated main element by @choeqq in https://github.com/emilkowalski/vaul/pull/233
• [maintenance]: bump packages by @choeqq in https://github.com/emilkowalski/vaul/pull/235
• Maintenance by @emilkowalski in https://github.com/emilkowalski/vaul/pull/238
• fix autocomplete input bug by @emilkowalski in https://github.com/emilkowalski/vaul/pull/244
• cleanup bg on body by @choeqq in https://github.com/emilkowalski/vaul/pull/232
• fix: missing dependencies on fixed position hook effect by @rortan134 in https://github.com/emilkowalski/vaul/pull/231
• Always drag side drawers by @emilkowalski in https://github.com/emilkowalski/vaul/pull/247
• Fix controlled snap poinst by @emilkowalski in https://github.com/emilkowalski/vaul/pull/248
• Add non-draggable elements by @emilkowalski in https://github.com/emilkowalski/vaul/pull/250

New Contributors

• @suphon-t made their first contribution in https://github.com/emilkowalski/vaul/pull/223
• @GrantClark1999 made their first contribution in https://github.com/emilkowalski/vaul/pull/237
• @choeqq made their first contribution in https://github.com/emilkowalski/vaul/pull/233

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.8.7...v0.9.0

What's Changed

• Switch bundler to bunchee by @huozhi in https://github.com/emilkowalski/vaul/pull/190
• Add preventScrollRestoration option for scroll resortation by @shkumbinhasani in https://github.com/emilkowalski/vaul/pull/202
• Fix usage without a portal by @emilkowalski in https://github.com/emilkowalski/vaul/pull/207
• Don't hide sticky elements by @emilkowalski in https://github.com/emilkowalski/vaul/pull/209
• build: bump bunchee to latest version by @huozhi in https://github.com/emilkowalski/vaul/pull/208
• chore: align react types versions by @huozhi in https://github.com/emilkowalski/vaul/pull/211
• Fix: Prevent sheet from exceeding boundaries of the last snap point while dragging by @erisleci in https://github.com/emilkowalski/vaul/pull/206
• Support top/bottom/left/right drawer direction by @dcyoung in https://github.com/emilkowalski/vaul/pull/187

New Contributors

• @huozhi made their first contribution in https://github.com/emilkowalski/vaul/pull/190
• @shkumbinhasani made their first contribution in https://github.com/emilkowalski/vaul/pull/202
• @erisleci made their first contribution in https://github.com/emilkowalski/vaul/pull/206
• @dcyoung made their first contribution in https://github.com/emilkowalski/vaul/pull/187

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.8.0...v0.8.6

What's Changed

• Fix: non dismissible snap points and onRelease handler by @rortan134 in https://github.com/emilkowalski/vaul/pull/179
• refactor: remove redundancies by @rortan134 in https://github.com/emilkowalski/vaul/pull/178
• Fix: Fixed overlay snap bug #171 by @emirhangumus in https://github.com/emilkowalski/vaul/pull/172

New Contributors

• @rortan134 made their first contribution in https://github.com/emilkowalski/vaul/pull/179
• @emirhangumus made their first contribution in https://github.com/emilkowalski/vaul/pull/172

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.7.9...v0.8.0

Small, but valuable release, it fixes quite a few bugs related to controlled state & scrollable content.

What's Changed

• Fix controlled state by @emilkowalski in https://github.com/emilkowalski/vaul/pull/166
• Fix drag issue when element is scrollable by @emilkowalski in https://github.com/emilkowalski/vaul/pull/167

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.7.8...v0.7.9

What's Changed

• Fix fixed position when unmounting by @emilkowalski in https://github.com/emilkowalski/vaul/pull/147
• Don't apply fixed positioning when unmounting by @emilkowalski in https://github.com/emilkowalski/vaul/pull/148
• fix: snap to initial value not equal to 0 by @KajSzy in https://github.com/emilkowalski/vaul/pull/149
• Fix no scroll upon navigation by @emilkowalski in https://github.com/emilkowalski/vaul/pull/155
• fix: rely on screenY in stead of clientY for determining drag distance by @andrejilderda in https://github.com/emilkowalski/vaul/pull/154
• Add GitHub action for playwright tests by @emilkowalski in https://github.com/emilkowalski/vaul/pull/159

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.7.2...v0.7.8

What's Changed

• refactor: stroke attribute names to camel case in jsx by @khajimatov in https://github.com/emilkowalski/vaul/pull/141
• chore: remove multi next version by @Innei in https://github.com/emilkowalski/vaul/pull/140
• fix: pass style to overlay by @Innei in https://github.com/emilkowalski/vaul/pull/139
• Reset overflow on route change by @emilkowalski in https://github.com/emilkowalski/vaul/pull/145

New Contributors

• @khajimatov made their first contribution in https://github.com/emilkowalski/vaul/pull/141
• @Innei made their first contribution in https://github.com/emilkowalski/vaul/pull/140

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.7.1...v0.7.2

What's Changed

• fix: restore position setting on unmount #135 by @andrejilderda in https://github.com/emilkowalski/vaul/pull/136
• Handle multi touch by @emilkowalski in https://github.com/emilkowalski/vaul/pull/137

New Contributors

• @andrejilderda made their first contribution in https://github.com/emilkowalski/vaul/pull/136

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.7.0...v0.7.1

What's Changed

• Move setVisible call to Content by @emilkowalski in https://github.com/emilkowalski/vaul/pull/123
• Prevent hooks from running if drawer was never opened by @emilkowalski in https://github.com/emilkowalski/vaul/pull/125
• Add more tests by @emilkowalski in https://github.com/emilkowalski/vaul/pull/133
• Revert back to initial height after visual viewport has been changed by @emilkowalski in https://github.com/emilkowalski/vaul/pull/134

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.6.7...v0.7.0

What's Changed

• Fix position fixed with height 100% on body and/or html by @emilkowalski in https://github.com/emilkowalski/vaul/pull/98
• Fix controlled drawer closing bug by @emilkowalski in https://github.com/emilkowalski/vaul/pull/101
• Add fixed prop by @emilkowalski in https://github.com/emilkowalski/vaul/pull/103
• Fix modal prop by @emilkowalski in https://github.com/emilkowalski/vaul/pull/109
• Cleanup wrapper styles on unmount by @emilkowalski in https://github.com/emilkowalski/vaul/pull/110
• Fix background reset on new next version by @emilkowalski in https://github.com/emilkowalski/vaul/pull/111
• Spread props into nested root by @emilkowalski in https://github.com/emilkowalski/vaul/pull/112
• Disallow dragging down to close when snapPointIndex === 0 by @emilkowalski in https://github.com/emilkowalski/vaul/pull/113
• Fix drawer not receiving focus by @emilkowalski in https://github.com/emilkowalski/vaul/pull/115
• Fix scroll bug by @emilkowalski in https://github.com/emilkowalski/vaul/pull/116
• Polish snap points by @emilkowalski in https://github.com/emilkowalski/vaul/pull/118
• Remove Safari theme animation for now by @emilkowalski in https://github.com/emilkowalski/vaul/pull/119

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.6.0...v0.6.7

What's Changed

• Remove debugging console.log by @ofekashery in https://github.com/emilkowalski/vaul/pull/86
• Improve scrolling and performance by @emilkowalski in https://github.com/emilkowalski/vaul/pull/88
• Improve scrolling, don't run shouldDrag on each drag by @emilkowalski in https://github.com/emilkowalski/vaul/pull/89
• Close menu properly when controlled by @emilkowalski in https://github.com/emilkowalski/vaul/pull/90
• Fix iOS mouse-up after scrolling by @emilkowalski in https://github.com/emilkowalski/vaul/pull/91
• Close dismissible correctly by @emilkowalski in https://github.com/emilkowalski/vaul/pull/92
• Fix controlled state closing instantly by @emilkowalski in https://github.com/emilkowalski/vaul/pull/94
• Remove defaultOpen prop, fix incorrect style reset by @emilkowalski in https://github.com/emilkowalski/vaul/pull/95
• Fix controlled snap points by @emilkowalski in https://github.com/emilkowalski/vaul/pull/96

New Contributors

• @ofekashery made their first contribution in https://github.com/emilkowalski/vaul/pull/86

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.4.6...v0.6.0

What's Changed

• Add playwright with nextjs project and github workflow by @KajSzy in https://github.com/emilkowalski/vaul/pull/77
• Performance improvements by @emilkowalski in https://github.com/emilkowalski/vaul/pull/80
• Fix firefox scroll bug by @emilkowalski in https://github.com/emilkowalski/vaul/pull/81
• Don't run use-position-fixed hook when drawer is nested by @emilkowalski in https://github.com/emilkowalski/vaul/pull/82
• Improve keyboard detection and logic by @emilkowalski in https://github.com/emilkowalski/vaul/pull/83

New Contributors

• @KajSzy made their first contribution in https://github.com/emilkowalski/vaul/pull/77

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.4.5...v0.4.6

What's Changed

• Snap points by @emilkowalski in https://github.com/emilkowalski/vaul/pull/68
• Implement free mode, snap points fine-tuning by @emilkowalski in https://github.com/emilkowalski/vaul/pull/69
• Fine-tune snap points with keyboard by @emilkowalski in https://github.com/emilkowalski/vaul/pull/70
• Allow pixel values for snap points by @emilkowalski in https://github.com/emilkowalski/vaul/pull/71
• Snap points fine-tuning by @emilkowalski in https://github.com/emilkowalski/vaul/pull/73

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.4.0...v0.4.5

What's Changed

• Improve swipe performance by @emilkowalski in https://github.com/emilkowalski/vaul/pull/50
• Smoother safari transition by @emilkowalski in https://github.com/emilkowalski/vaul/pull/51
• Fix scroll issues by @emilkowalski in https://github.com/emilkowalski/vaul/pull/54
• Fix visual viewport height calculation by @emilkowalski in https://github.com/emilkowalski/vaul/pull/56
• Fix scroll to top bug by @emilkowalski in https://github.com/emilkowalski/vaul/pull/57
• Improve viewport calculation by @emilkowalski in https://github.com/emilkowalski/vaul/pull/60
• Update peerDependencies by @emilkowalski in https://github.com/emilkowalski/vaul/pull/63
• Dampen drag value by @emilkowalski in https://github.com/emilkowalski/vaul/pull/66
• ensure scroll gets re-enabled after closing by @emilkowalski in https://github.com/emilkowalski/vaul/pull/67

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.3.0...v0.4.0

What's Changed

• add scroll lock timeout option and fix endless drag prevention by @Gumbee in https://github.com/emilkowalski/vaul/pull/28
• Set overlay opacity to 1 on reset by @emilkowalski in https://github.com/emilkowalski/vaul/pull/30
• fix closeThreshold bug by @Gumbee in https://github.com/emilkowalski/vaul/pull/32
• fix: prop typo by @telmen in https://github.com/emilkowalski/vaul/pull/33
• Allow swiping when target is an input by @emilkowalski in https://github.com/emilkowalski/vaul/pull/34
• Fix incorrect offset when content is scrolled on iOS safari by @emilkowalski in https://github.com/emilkowalski/vaul/pull/35
• Improve swiping in a scrollable drawer by @emilkowalski in https://github.com/emilkowalski/vaul/pull/36
• Performance and scroll improvements by @emilkowalski in https://github.com/emilkowalski/vaul/pull/40
• Ensure safari toolbar is shown at all times by @emilkowalski in https://github.com/emilkowalski/vaul/pull/41
• Improve keyboard calculations by @emilkowalski in https://github.com/emilkowalski/vaul/pull/43
• docs: update readme by @HelKyle in https://github.com/emilkowalski/vaul/pull/46
• style: make code shorter and clearer by @HelKyle in https://github.com/emilkowalski/vaul/pull/45
• fix: use WeakMap instead of Map to avoid memory leaks by @HelKyle in https://github.com/emilkowalski/vaul/pull/44
• Update safari theme color by @emilkowalski in https://github.com/emilkowalski/vaul/pull/48
• Safari theme improvements by @emilkowalski in https://github.com/emilkowalski/vaul/pull/49

New Contributors

• @Gumbee made their first contribution in https://github.com/emilkowalski/vaul/pull/28
• @telmen made their first contribution in https://github.com/emilkowalski/vaul/pull/33
• @HelKyle made their first contribution in https://github.com/emilkowalski/vaul/pull/46

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.2.0...v0.3.0

What's Changed

• Improve resizing, scroll into view only if needed, add fixedHeight prop, fix firefox bug by @emilkowalski in https://github.com/emilkowalski/vaul/pull/14
• Fix useLayoutEffect warning by @emilkowalski in https://github.com/emilkowalski/vaul/pull/23
• Add closeTreshold prop by @emilkowalski in https://github.com/emilkowalski/vaul/pull/24
• Add onAnimationEnd prop by @emilkowalski in https://github.com/emilkowalski/vaul/pull/25
• Fix outside click when input is focused by @emilkowalski in https://github.com/emilkowalski/vaul/pull/26
• Add nested drawers by @emilkowalski in https://github.com/emilkowalski/vaul/pull/27

Full Changelog: https://github.com/emilkowalski/vaul/compare/v0.1...v0.2.0

What's Changed

• Tiny typo on readme by @joaom00 in https://github.com/emilkowalski/vaul/pull/1
• Fix input focus, transition overlay when background scaling is disabled by @emilkowalski in https://github.com/emilkowalski/vaul/pull/2
• Fix dependecy array, fix text selection by @emilkowalski in https://github.com/emilkowalski/vaul/pull/7
• Add dismissable prop by @emilkowalski in https://github.com/emilkowalski/vaul/pull/8

New Contributors

• @joaom00 made their first contribution in https://github.com/emilkowalski/vaul/pull/1
• @emilkowalski made their first contribution in https://github.com/emilkowalski/vaul/pull/2

Full Changelog: https://github.com/emilkowalski/vaul/commits/v0.1