Comments (5)
Hmm, seems to work just fine for me?
https://codesandbox.io/s/priceless-thunder-m89xo6?file=/src/main.js
Is there a specific build setup you are using?
from auto-animate.
Hi @justin-schroeder – I'm not seeing use of unpkg
in that example...
unpkg
is used for no-build scenarios, where an entire package can be retrieved within an html page.
Code in an html page typically looks like:
<script type="module">
import { children, html, define, property, dispatch } from 'https://unpkg.com/[email protected]/src'
import { fileOpen, directoryOpen, fileSave } from 'https://unpkg.com/browser-nativefs'
import autoAnimate from 'https://unpkg.com/@formkit/auto-animate'
// now use those imported functions in javascript
// just autoAnimate currently doesn't work
unpkg
is just one way this is done – it's automatically provided for every package in npm.
It's just an extremely useful convenience for many situations. Supporting code-only imports sometimes requires a bit of structuring of the module such that functions work once they are imported this way.
It's not vital to solve for right now, except that it may instruct how module(s) best be defined (saves later refactors).
Thanks for considering 🍺
from auto-animate.
Sorry mate, I pasted the wrong url, wasn't even at code sandbox 😂 here's what I was trying to link to:
https://stackblitz.com/edit/web-platform-edhnls?file=index.html
from auto-animate.
@galtenberg perhaps you can provide a reproduction on stackblitz or other location where its not working and we can go from there.
from auto-animate.
Confirmed the example works for me, might have a different issue to report if I can isolate. Thanks for the test!
from auto-animate.
Related Issues (20)
- Omi supports it, this's a great project HOT 1
- Memory Leak
- Bug when deleting element of the array in React 18
- Inconsistent jumping inside flex item HOT 1
- Not working HOT 4
- Vue Virtual Scroller
- Wrong arguments order in AutoAnimationPlugin declaration
- Animate across lists? Across all elements inside a `ul`?
- How should I use fixed centering layout? HOT 1
- Incorrect rounding of element sizes while animating HOT 2
- When the page is refreshed, the component has no animation.
- Vue useAutoAnimate not working with v-if
- does not provide an export named 'autoAnimate'
- Animation starting coords are buggy when the container has transitioned positions
- How to add auto-animate to custom components (NuxtUI) HOT 1
- Headless UI + Auto-Animate | Issue with auto-animate conflicting
- nuxt3 3.10.3 does not provide an export named 'autoAnimate' HOT 1
- I added the element from the front but the animation still appears from the last one HOT 1
- React.Children.map issue HOT 1
- How to animate single element? HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from auto-animate.