diff options
author | bobzel <zzzman@gmail.com> | 2022-07-07 13:02:33 -0400 |
---|---|---|
committer | bobzel <zzzman@gmail.com> | 2022-07-07 13:02:33 -0400 |
commit | dd16695b0c5fe8c54bc276a230381ae36e19e5ac (patch) | |
tree | 0544131ca2fb0d6f3cfae81aa5bbbb8b603b61ac /src/client/util/ScrollBox.tsx | |
parent | a9f704fbd5676bb9a8adf4c4f7ea61bf9b3f7603 (diff) |
trying to fix errors in compiles
Diffstat (limited to 'src/client/util/ScrollBox.tsx')
-rw-r--r-- | src/client/util/ScrollBox.tsx | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/src/client/util/ScrollBox.tsx b/src/client/util/ScrollBox.tsx index a209874a3..d4620ae3f 100644 --- a/src/client/util/ScrollBox.tsx +++ b/src/client/util/ScrollBox.tsx @@ -1,21 +1,24 @@ -import React = require("react"); +import React = require('react'); -export class ScrollBox extends React.Component { +export class ScrollBox extends React.Component<React.PropsWithChildren<{}>> { onWheel = (e: React.WheelEvent) => { - if (e.currentTarget.scrollHeight > e.currentTarget.clientHeight) { // If the element has a scroll bar, then we don't want the containing collection to zoom + if (e.currentTarget.scrollHeight > e.currentTarget.clientHeight) { + // If the element has a scroll bar, then we don't want the containing collection to zoom e.stopPropagation(); } - } + }; render() { return ( - <div style={{ - overflow: "auto", - width: "100%", - height: "100%", - }} onWheel={this.onWheel}> + <div + style={{ + overflow: 'auto', + width: '100%', + height: '100%', + }} + onWheel={this.onWheel}> {this.props.children} </div> ); } -}
\ No newline at end of file +} |