react-magic-card 0.0.8 → 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,15 +107,15 @@ 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('
|
|
112
|
+
range.addEventListener('touchmove', enterControll, { passive: false });
|
|
114
113
|
range.addEventListener('touchend', leaveControll);
|
|
115
114
|
// Clean up event when component is unmount.
|
|
116
115
|
return () => {
|
|
117
116
|
range.removeEventListener('mouseover', enterControll);
|
|
118
117
|
range.removeEventListener('mouseout', leaveControll);
|
|
119
|
-
range.removeEventListener('
|
|
118
|
+
range.removeEventListener('touchmove', enterControll);
|
|
120
119
|
range.removeEventListener('touchend', leaveControll);
|
|
121
120
|
};
|
|
122
121
|
}, []);
|