Add animation/transition to GroupFocus on "click anywhere" to hide it

Hi Everyone,

To give context, I’m working on a project management tool. When a new project or task is clicked, the app shows a GroupFocus element that contains all of the information about the project or task. When the GroupFocus element is visible and I click anywhere outside of it, it hides right away. Great.

However, I want to have an animation/transition for the GroupFocus to hide when a user clicks anywhere outside of the GroupFocus. I can’t figure out how to do that. Right now, when a user clicks anywhere the GroupFocus element hides immediately and it doesn’t seem like strong UX to do this. Any suggestions on how to handle this animation/transition?

This topic was automatically closed after 70 days. New replies are no longer allowed.