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

Tooltip focus grab is breaking previous usages of Tooltip #6719

Closed
2 tasks done
gordwalls opened this issue Aug 25, 2020 · 0 comments · Fixed by #6722
Closed
2 tasks done

Tooltip focus grab is breaking previous usages of Tooltip #6719

gordwalls opened this issue Aug 25, 2020 · 0 comments · Fixed by #6722

Comments

@gordwalls
Copy link

gordwalls commented Aug 25, 2020

What package(s) are you using?

  • carbon-components 10.16
  • carbon-components-react 7.16

Detailed description

Describe in detail the issue you're having.
I am using a Tooltip with a PasswordInput to provide Guidance to the user while they type a new password. I recently upgraded to the versions above and this is broken. The Tooltip is grabbing focus like a modal and the input cannot be accessed.

Is this issue related to a specific component?
Tooltip. I think the focus problem would happen with any component the Tooltip is used with.

What did you expect to happen? What happened instead? What would you like to
see changed?
Before Tooltips could be used with components and not grab focus. I'd like a way to restore that previous behavior.

What browser are you working in?
Chrome 84.0.4147.105

What version of the Carbon Design System are you using?
Versions above.

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?
I work for IBM Cloud (Console). I would need a fix soon or it will block other stuff.

Steps to reproduce the issue

  1. Step one
  2. Step two
  3. Step three
  4. etc.

The following code in a sandbox will reproduce:

image

Please create a reduced test case in CodeSandbox

Additional information

  • Screenshots or code
  • Notes

The component I am working with looks like this (when it was working):
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants