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

[Bug] Information text that's highlighted using Tab function does not exit when using a combination of mouse clicks and key presses #6194

Closed
ramsaptami opened this issue Jul 27, 2021 · 5 comments · Fixed by #12213
Assignees
Labels
Bug Something isn't working High This issue blocks a user from building or impacts a lot of users Keyboard Shortcuts Property Pane Issues related to the behaviour of the property pane UI Building Product Issues related to the UI Building experience Verified When issue is retested post its fixed

Comments

@ramsaptami
Copy link
Contributor

ramsaptami commented Jul 27, 2021

Description

Information text that's displayed on hover on using 'Tab' key does not exit after either clicking away or using Tab key again text is shown.

Steps to reproduce the behaviour:

  1. Drag and drop menu widget (can be replicated on any widget that contains information text on hover function)
  2. Use Tab key to move control to any information text
  3. Click away using the cursor - expected behaviour is for the information text to exit from hover mode but it stays open

Important Details

  • Version: Cloud
  • OS: Win10
  • Browser: Chrome
  • Environment: RC and Production

LOOM DEMO

@ramsaptami ramsaptami added Bug Something isn't working Property Pane Issues related to the behaviour of the property pane UI Building Pod UI Building Product Issues related to the UI Building experience labels Jul 27, 2021
@ramsaptami ramsaptami changed the title [Bug] Information text that's highlighted using **Tab** function does not exit when using a combination of mouse clicks and key presses [Bug] Information text that's highlighted using Tab function does not exit when using a combination of mouse clicks and key presses Jul 27, 2021
@somangshu somangshu removed their assignment Oct 27, 2021
@aswathkk aswathkk self-assigned this Nov 12, 2021
@aswathkk
Copy link
Contributor

This is an issue with Blueprint's tooltip component.

@ramsaptami ramsaptami added the High This issue blocks a user from building or impacts a lot of users label Jan 19, 2022
@aswathkk
Copy link
Contributor

The only way to remove a tooltip that pops up after keyboard tabbing is to bring the mouse over to the same text which triggers the tooltip.

Screen.Recording.2022-01-26.at.5.42.30.PM.mov

@somangshu
Copy link
Contributor

@ramsaptami dont you think showing the tooltip is relevant as you are focusing on the input.

@aswathkk we could add a debounce to this so that if the user is navigating quickly he would only see one tooltip?

@vuiets
Copy link

vuiets commented Mar 23, 2022

@aswathkk looks like this is fixed blueprint's component now. Could you double check and cover it as a part of #8845 | Property Pane Improvements?

@close-label close-label bot added the QA Needs QA attention label Mar 31, 2022
@btsgh
Copy link
Collaborator

btsgh commented Mar 31, 2022

Tested in Release - works fine. Used tab key to move control to any information text and then clicked away using the cursor - the information text exits from hover mode.

LOOM DEMO

@btsgh btsgh added Verified When issue is retested post its fixed and removed QA Needs QA attention labels Mar 31, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working High This issue blocks a user from building or impacts a lot of users Keyboard Shortcuts Property Pane Issues related to the behaviour of the property pane UI Building Product Issues related to the UI Building experience Verified When issue is retested post its fixed
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants