auto-animate
auto-animate copied to clipboard
formkit
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
Hey everybody! What an amazing library! 🤩 Since auto-animate easily works with react / react-dom and react-native-web is just a layer on top (also using react-dom) I was wondering auto-animate...
I tried with next 10, react 16.8, node 16.13 and it gives me the following error ``` ./node_modules/@formkit/auto-animate/react/index.mjs Can't import the named export 'useEffect' from non EcmaScript module (only default...
Having this error at build: Module not found: Error: Package path ./react is not exported from package /Users/[path_to_project]/node_modules/@formkit/auto-animate (see exports field in /Users/[path_to_project]/node_modules/@formkit/auto-animate/package.json) * React 17 * Webpack builder Using...
It was a simple fix for me. The file @formkit\auto-animate\vue\index.mjs has an import for ../index. I had to specify that it was importing ../index.mjs
Great library, thank you for this! I'm wondering if there's also a config option to apply delays between animations starts for a staggered transition. Use case: Loading a list to...
Current behaviour appears to presume removed elements will be discarded. The animation is broken when I re-append a previously removed element. I’m guessing because it is being inserted with the...
Currently all animations are disabled if the user prefers reduced motion: https://github.com/formkit/auto-animate/blob/1.0.0-beta.1/src/index.ts#L563-L564 ```js const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)") if (mediaQuery.matches) return ``` However, ["No motion isn't always prefers-reduced-motion."](https://css-tricks.com/nuking-motion-with-prefers-reduced-motion/) Disabling all...
Fresh install, 1.0.0-beta.1 ``` Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './react' is not defined by "exports" in /Users/blah/Code/Projects/piccolo/piccolo-web/node_modules/@formkit/auto-animate/package.json @piccolohealth/web-server: at new NodeError (internal/errors.js:322:7) @piccolohealth/web-server: at throwExportsNotFound (internal/modules/esm/resolve.js:332:9) @piccolohealth/web-server: at packageExportsResolve (internal/modules/esm/resolve.js:523:7) @piccolohealth/web-server:...
### Description The method for calculating `isMounted` doesn't seem to work in shadow DOM, because `document.contains()` will return false for anything inside of shadow DOM. Consider using `Node.isConnected`. ### Reproduction...
Hi! Nice package! I encountered an issue when running the tests. It works perfectly fine in local development but fails when running tests with mocha with the following error. Any...
