react-magic-card 0.0.9 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -93,14 +93,13 @@ const MagicCircle = ({ images, width, height, radius, controller, start, dynamic
|
|
|
93
93
|
}, [handleTouchMove, handleWheel, hasDelayed, wheelDelay]);
|
|
94
94
|
// Functions of the controller.
|
|
95
95
|
// entry ref area.
|
|
96
|
-
const enterControll = () => {
|
|
96
|
+
const enterControll = (e) => {
|
|
97
|
+
e.preventDefault();
|
|
97
98
|
document.body.style.overflow = 'hidden';
|
|
98
|
-
document.body.style.overscrollBehavior = 'none';
|
|
99
99
|
};
|
|
100
100
|
// leave ref area.
|
|
101
101
|
const leaveControll = () => {
|
|
102
102
|
document.body.style.overflow = 'auto';
|
|
103
|
-
document.body.style.overscrollBehavior = 'auto';
|
|
104
103
|
};
|
|
105
104
|
// Added event when component is mounted.
|
|
106
105
|
(0, react_1.useEffect)(() => {
|
|
@@ -108,16 +107,14 @@ const MagicCircle = ({ images, width, height, radius, controller, start, dynamic
|
|
|
108
107
|
if (!range)
|
|
109
108
|
return;
|
|
110
109
|
// Add event.
|
|
111
|
-
range.addEventListener('mouseover', enterControll);
|
|
110
|
+
range.addEventListener('mouseover', enterControll, { passive: false });
|
|
112
111
|
range.addEventListener('mouseout', leaveControll);
|
|
113
|
-
range.addEventListener('
|
|
114
|
-
range.addEventListener('touchmove', enterControll);
|
|
112
|
+
range.addEventListener('touchmove', enterControll, { passive: false });
|
|
115
113
|
range.addEventListener('touchend', leaveControll);
|
|
116
114
|
// Clean up event when component is unmount.
|
|
117
115
|
return () => {
|
|
118
116
|
range.removeEventListener('mouseover', enterControll);
|
|
119
117
|
range.removeEventListener('mouseout', leaveControll);
|
|
120
|
-
range.removeEventListener('touchstart', enterControll);
|
|
121
118
|
range.removeEventListener('touchmove', enterControll);
|
|
122
119
|
range.removeEventListener('touchend', leaveControll);
|
|
123
120
|
};
|