In the demo: https://vx-demo.now.sh/gallery

try scrolling down while trying to keep the mouse over the tilt element.

You will see how the tilting get's stuck on one of the sides.

I'm going to try to use the basic library. But thought I'd let you know.

Hi,

very nice tilt component, works very well! I guess there is a problem while unmounting Tilt. It is possible that some of the delayed executions (via setTimeout/requestAnimationFrame) will be executed after the component is unmounted, which will result in a React warning caused by setState calls.

Something like

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the Tilt component.

I was able to solve this problem by adding some tear down logic:

componentWillUnmount() {
   clearTimeout(this.transitionTimeout);
   cancelAnimationFrame(this.updateCall);
}

Should I prepare a PR?

Thanks!

I assume this is abandoned..

But yeah, the options don't work at all. Only the styles do. I get the tilt effect using the basic setup, but any option I change makes no difference to the default 🤷🏽‍♂️

NOTE: This is not a bot. This change was made by and comments will be reviewed by humans. We are using this service account to be able to track the overall progress.

With the rise in supply chain attacks and OSS dependencies being used as a attack vector, Microsoft is working with our ecosystem partners, such as the Linux Foundation's OpenSSF, to enable OSS consumers to track packages back to their public sources.

We've identified that the following packages published to NPM do not report where sources can be found, typically accomplished by including a link to your GitHub repository in your package.json REPOSITORY field. This PR was created to add this value, ensuring future releases will include this provenance information.

If you do not want us to create such PRs against your GitHub repositories, or wish to provide any other feedback, please comment on this PR.

Published NPM packages with repository information: • react-tilt

The project needs to update its dependencies to also support react 17. The current code seems to work with react 17, so it should just be a change in the package.json.

origin factor feature

Had an idea for adding a customisable origin factor feature.

the idea is very simple, by default, the tilt origin is from center, I needed a different origin, maybe from bottom, or the left side or maybe somewhere between center and top, so I created a solution for this problem. I added two options: XOrigin (default 0) and YOrigin (default 0). the range for both is from -1 to 1, -1 is the very start of the axis and 1 is the end of the axis, of course the default (0) is the center of the axis. usage:

<Tilt options={{ XOrigin: -1, YOrigin: -1 }}>
    this origin will be from top left corner
</Tilt>

(by the way i dont now how to delete the package-lock.json file from the commits so you can just delete it)