Created root README#213
Conversation
ameerf-wix
left a comment
There was a problem hiding this comment.
Looks good. A few inaccuracies concerning the need for 'initial' and some of the types.
I am afraid we must have full-path production links in here and not this relative packages/interact/... as those will work only from within the project
| trigger: 'viewProgress', | ||
| effects: [ | ||
| { | ||
| namedEffect: { type: 'ParallaxScroll', speed: 0.5 }, |
There was a problem hiding this comment.
I think we need here range: continuous (my enemy), no?
There was a problem hiding this comment.
| namedEffect: { type: 'ParallaxScroll', speed: 0.5 }, | |
| namedEffect: { type: 'ParallaxScroll', speed: 0.5, range: 'continuous' }, |
There was a problem hiding this comment.
| - [`viewenter.md`](https://wix.github.io/interact/rules/viewenter.md) · [`viewprogress.md`](https://wix.github.io/interact/rules/viewprogress.md) | ||
| - [`hover.md`](https://wix.github.io/interact/rules/hover.md) · [`click.md`](https://wix.github.io/interact/rules/click.md) · [`pointermove.md`](https://wix.github.io/interact/rules/pointermove.md) |
There was a problem hiding this comment.
why are those in different lines? is this some logical difference between the triggers that I am missing?
There was a problem hiding this comment.
| - [`viewenter.md`](https://wix.github.io/interact/rules/viewenter.md) · [`viewprogress.md`](https://wix.github.io/interact/rules/viewprogress.md) | |
| - [`hover.md`](https://wix.github.io/interact/rules/hover.md) · [`click.md`](https://wix.github.io/interact/rules/click.md) · [`pointermove.md`](https://wix.github.io/interact/rules/pointermove.md) | |
| - [`viewenter.md`](https://wix.github.io/interact/rules/viewenter.md) · [`viewprogress.md`](https://wix.github.io/interact/rules/viewprogress.md) · [`hover.md`](https://wix.github.io/interact/rules/hover.md) · [`click.md`](https://wix.github.io/interact/rules/click.md) · [`pointermove.md`](https://wix.github.io/interact/rules/pointermove.md) |
| - For `viewProgress`, avoid `overflow: hidden` on ancestors; use `overflow: clip` instead | ||
| - Call `generate(config)` at build time or on the server and inject CSS into `<head>`. For `viewEnter` + `triggerType: 'once'`, also set `initial` on the element to prevent FOUC | ||
| - `effects` at the config top level is a reusable `Record<string, Effect>` | ||
| - `<interact-element>` should wrap exactly one child (the library targets `.firstElementChild` by default). |
There was a problem hiding this comment.
| - `<interact-element>` should wrap exactly one child (the library targets `.firstElementChild` by default). | |
| - `<interact-element>` should wrap exactly one child (the library targets `:first-child` by default). |
There was a problem hiding this comment.
Do you think using the CSS syntax here is better than the DOM one?
No description provided.