Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Correct tooltip delay #280

Closed
kerryarchibald opened this issue Nov 16, 2023 · 3 comments · Fixed by element-hq/compound-web#130
Closed

Correct tooltip delay #280

kerryarchibald opened this issue Nov 16, 2023 · 3 comments · Fixed by element-hq/compound-web#130
Labels
P-Web Platform Web T-Defect

Comments

@kerryarchibald
Copy link
Contributor

Platform

  • Web

Package version

  • ...

Description

Tooltips have a 300ms delay. Some (or all?) tooltips should open without delay. Eg element-hq/element-web#26570 (comment)

@americanrefugee
Copy link
Collaborator

americanrefugee commented Nov 17, 2023

For any non-labeled buttons, the tooltip should show on hover after a 300ms delay.

For icons in the room header (public room, trusted, not trusted) and disabled buttons, the tooltip should show instantly.

@americanrefugee
Copy link
Collaborator

americanrefugee commented Nov 17, 2023

After further considering other use cases besides room header and details, here are more general rules-of-thumb:

DESKTOP

For non-labelled, interactive elements that do something: Show a tooltip on hover after a 300ms delay

  • Any Icon-only buttons that performs some action

For non-labelled, interactive elements that do nothing: Show a tooltip on hover instantly

  • Room decoration (public, encryption, trusted, not trusted, etc.)
  • Status indicators
  • Disabled buttons of any kind

Exceptions: Depends on the use case

  • Facepile in a timeline on the right
    • On hover there is valuable information with a changing value ("Seen by X people"), therefore show the tooltip instantly
  • Room description on room detail view
    • By default the room description is collapsed into an interactive component (essentially a big button). The summary itself is not technically a label, but the hover state on-rollover indicates that the element is interactive. So, there's no need to show any further tooltip at all.
    • Other examples we'll discover along the way :)

MOBILE

  • IF possible, show a tooltip after long-pressing any non-labelled, interactive element

Lemme know if you disagree with anything above

@robintown
Copy link
Member

Related issue: #234

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
P-Web Platform Web T-Defect
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants