Rethink the intersection action

[eelcoj]

With the whenVisible modifier you can write:

<section data-action="addClass#bg-red-500:whenVisible">
  I will be red once in view
</section>

Works the same for all other actions. It would be nice if the modifier was “boolean-aware”, e.g. remove the bg-red-500 class when not in visible, maybe using toggleClass#bg-red-500:whenVisible.

With above, I am leaning towards to remove the intersection altogether with the v1 version.

[eelcoj]

https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Conditional_rules/Container_scroll-state_queries might soon also make this action obsolete. Should check when it will be baseline, then decide based on that.