ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-15 01:52:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3494 from pkova/master

Browse Source 
webchat: fix slow scrolling
This commit is contained in:
matildepark 2020-09-16 12:56:11 -04:00 committed by GitHub
commit dc3036af4c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pkg/interface/package.json
View File

@ -40,7 +40,8 @@
"suncalc": "^1.8.0", "suncalc": "^1.8.0",
"urbit-ob": "^5.0.0", "urbit-ob": "^5.0.0",
"urbit-sigil-js": "^1.3.2", "urbit-sigil-js": "^1.3.2",
"yup": "^0.29.3" "yup": "^0.29.3",
"normalize-wheel": "1.0.1"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.9.0", "@babel/core": "^7.9.0",

4
pkg/interface/src/views/components/VirtualScroller.tsx
View File

@ -1,5 +1,6 @@
import React, { PureComponent } from 'react'; import React, { PureComponent } from 'react';
import _ from 'lodash'; import _ from 'lodash';
import normalizeWheel from 'normalize-wheel';
interface VirtualScrollerProps { interface VirtualScrollerProps {
origin: 'top' | 'bottom'; origin: 'top' | 'bottom';
@ -220,7 +221,8 @@ export default class VirtualScroller extends PureComponent<VirtualScrollerProps,
if (this.props.origin === 'bottom') { if (this.props.origin === 'bottom') {
element.addEventListener('wheel', (event) => { element.addEventListener('wheel', (event) => {
event.preventDefault(); event.preventDefault();
element.scrollBy(0, event.deltaY * -1); const normalized = normalizeWheel(event);
element.scrollBy(0, normalized.pixelY * -1);
return false; return false;
}, { passive: false }); }, { passive: false });
window.addEventListener('keydown', this.invertedKeyHandler, { passive: false }); window.addEventListener('keydown', this.invertedKeyHandler, { passive: false });