github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-03-04 10:41:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3593 from leavest/wheel-event

Browse Source 
Fix bug 56+ chrome can't prevent default wheel events.
This commit is contained in:
Simon
2019-04-12 09:13:33 +02:00
committed by GitHub
parent 7f681403fd 16c53a7526
commit 9e4e8d3478
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/app/scripts/components/zoomable-canvas.js
View File

@@ -63,10 +63,16 @@ class ZoomableCanvas extends React.Component {
this.updateZoomLimits(this.props);
this.restoreZoomState(this.props);
document
.getElementById('canvas')
.addEventListener('wheel', this.handleZoom, { passive: false });
}
componentWillUnmount() {
this.debouncedCacheZoom.cancel();
document
.getElementById('canvas')
.removeEventListener('wheel', this.handleZoom, { passive: false });
}
componentWillReceiveProps(nextProps) {
@@ -104,7 +110,7 @@ class ZoomableCanvas extends React.Component {
return (
<div className="zoomable-canvas">
<svg id="canvas" className={className} onClick={this.props.onClick} onWheel={this.handleZoom}>
<svg id="canvas" className={className} onClick={this.props.onClick}>
<Logo transform="translate(24,24) scale(0.25)" />
<g className="zoom-content">
{this.props.children(this.state)}