- Added initial frames to animations for unsupported devices.
- Now backdrop element is fixed instead of absolute.
- Fixed leave animation for devices that does not support single frames.
- Fixed touch device interactive element issues. It was because of preventing default behavior of
touchstart
event. Nowtouchmove
event is prevented to block scrolling.
- Added
overflow: hidden
style tobottom-sheet-backdrop
to fix scroll bar issues.
- Added type support for new version.
-
Added
noStretch
prop, this prop prevents stretching upwards on overswipe. -
Added
noHeader
prop to remove header element completely. -
Added
onlyHeaderSwipe
prop, if given swipe will be detected on header only.
-
Style props are removed
minHeight
,height
andradius
etc. now Sheet supports css parameters, use them to control sheet's styling. If you want you can direcly access classes and change them.- --bottom-sheet-backdrop-background-color
- --bottom-sheet-max-width
- --bottom-sheet-bakground-color
- --bottom-sheet-min-width
- --bottom-sheet-max-height
- --bottom-sheet-border-radius
- --bottom-sheet-header-bar-background-color
- --bottom-sheet-header-bar-border-radius
-
clickOutside
prop is changed tonoClickOutside
to support only-key-attribute. -
slideIcon
attribute removed due toheader
slot. -
Now swipe detection includes whole screen, it was only header before.
- Now stretching upwards resizes the sheet instead of just a fake background.