[question] reset panning

[simoneb]

I'm in a situation where I'm rendering different contents inside an <ElementPan> component, and whenever the contents change I'd need to reset all panning.

I got it to work by using componentWillReceiveProps and resetting the panning manually there, but it feels like a hammer kind of solution.

Any advice?

[rexxars]

Hmm. Not really. I guess we could implement a resetPanOnNewProps-propery to the component itself, but to be fair it would do the same thing that you're already doing. I don't have time to look at this right now, but would happily accept a PR.

[simoneb]

The only doubt I have about this is whether this solution would work in all cases. I fear it may lead to unwanted panning resets.

[only-cliches]

I forked this project and updated it to work with React 16:
npm install react-element-pan-ts
https://github.com/ClickSimply/react-element-pan

Shouldn't cause any breaking changes unless your dependent on the browser build of the lib.

More importantly, there's a new prop on the element that lets you grab the native div, it's just a passthrough of the ref property:

<ElementPan refElem={function(element) {
    this.panningElement = element;
}}>...</ElementPan>

// ...then in your class...
this.panningElement.scrollTop = 0;
this.panningElement.scrollLeft = 0;

That will let you reset the position. :)