matrix/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2025-12-01 09:58:03 +03:00
Code Activity

restore scroll state when timeline resizes using ResizeObserver

Browse Source 
(only where supported, polyfill doesn't give good results)
This commit is contained in:
Bruno Windels
2019-02-21 18:51:18 +01:00
parent 68ba14909b
commit b3e6cbfddd
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/structures/ScrollPanel.js
View File

@@ -160,6 +160,13 @@ module.exports = React.createClass({
componentDidMount: function() { componentDidMount: function() {
this.checkScroll(); this.checkScroll();
if (typeof ResizeObserver !== "undefined") {
this._timelineSizeObserver = new ResizeObserver(() => {
this._restoreSavedScrollState();
});
this._timelineSizeObserver.observe(this.refs.itemlist);
}
}, },
componentDidUpdate: function() { componentDidUpdate: function() {
@@ -181,6 +188,10 @@ module.exports = React.createClass({
// //
// (We could use isMounted(), but facebook have deprecated that.) // (We could use isMounted(), but facebook have deprecated that.)
this.unmounted = true; this.unmounted = true;
if (this._timelineSizeObserver) {
this._timelineSizeObserver.disconnect();
this._timelineSizeObserver = null;
}
}, },
onScroll: function(ev) { onScroll: function(ev) {