GithubHelp home page GithubHelp logo

Comments (5)

jaffoneh avatar jaffoneh commented on May 3, 2024

@reddolan do you mind taking a look to confirm the delay needed for this. I agree, it takes a bit too long for a dropdown to close once I click outside to close.

from clarity.

adibwoy avatar adibwoy commented on May 3, 2024

@jaffoneh, @reddolan: This is because there is a transition that we have set on the menu visibility: transition: visibility 0.2s ease-in. If we remove this, the menu will hide without any delays but we had initially decided to add this transition. Let me know if we want to remove this and I can get this done.

from clarity.

reddolan avatar reddolan commented on May 3, 2024

@adityarb88 do we have the transition set for both show/open and hide/close, or are there separate transitions for each? I would prefer to have an show/open transition if possible

We could do one of two things:

  1. We could change the transition time to 0.1s (I've tested and it's much faster)
  2. We could remove the transition altogether

from clarity.

reddolan avatar reddolan commented on May 3, 2024

After testing it a bit more, it seems that the transition is only on hide/close. If I set the transition time to something ridiculous like 0.9s, it opens quickly and closes slowly. As it seems the transition is only affecting hide/close, I would recommend removing the transition altogether.

from clarity.

github-actions avatar github-actions commented on May 3, 2024

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.

from clarity.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.