- Improvement to
drag event
- Stylesheet importing issue fixed
- Fixed the bug where the link in the item didn't work.
- Moved the style tag into a file.
- Type check.
- Changed the default arrow threshold to
window.innerWidth - 50
for narrow screens. - Added an explanation about the
Smooth Scrolling
option on Firefox.
- Added a measurement to remove the content highlight (user select).
- Added a measurement for the image and link ghosting on drag. To fix this, we moved the
drag
event inside themouse
event.dragStart
anddragEnd
still work the same. - Changed the
reachedEnd
threshold to 30ms - Bug where the scroll event hang leaving 100~200px left has been fixed.
- Dispatch
dragStart
anddragEnd
(mobile/desktop) - Added
reachedNearEnd
that fires when there's only one arrow to go. - Added
load
that fires when the component is mounted. - Fixed bug where the scrollbar appears on Firefox, Safari & Mobile Safari.
- Changed the default scroll threshold to
1/2
from1/3
on smaller devices.
- Drag direction was set backwards.
.scroll_view_shadow
class was mistakenly attached to container when it should be attahced to the arrow.- ID was not setting as
id == "" ? id : ""
should beid != "" ? id : ""
. - Fixed the issue where the arrow gets triggered by a keyboard after a click on it.
- ID was visible even when there's no value set up.
- Added a new
drag event
for the desktop. - Added props for
___scrollTo
(value: number, props?: { behavior: 'auto' | 'smooth' }) => void
- Changed arrow positions from
20px
to15px
for each. - Fixed the remaining shadow block issue when the shadow is disabled.
- Added
.scroll_view_shadow
to the container whenarrowShadow
is enabled.