Add new Interaction Type to catch when user taps OUTSIDE of component

Interactive Components
1

Currently, Interactions work by defining an activation behavior and the subsequent action that the component should take.

For example, you can set a component to catch your Tap, your Hover, Mouse Enter, etc etc, and then perform some sort of animation or reaction as a result.

While designing some interactive inputs, I realized a gap: Tap Outside is not a registered interaction. In essence, I would like to set my component to perform some actions when a user taps inside of them AND outside of them.

Example scenario:

  • On Tap: My component gets a blue stroke around it and a blue glow.
  • On Tap Outside: My component loses the blue stroke and blue glow.

This would help to bring to life components which represent interactive objects like components, buttons, and largely other forms…but only when a tap is registered outside the component. A mouse exit simply won’t do.

2 Likes
2

A post was merged into an existing topic: Support for “click outside” or “blur” action to avoid Interactive Components getting stuck in focused state