Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Tooltip positioning problem, when starting offscreen
See original GitHub issue-
carbon-components -
carbon-components-react
Detailed description
Using the <Tooltip> component, if the trigger text starts outside of the browser viewpoint and you have to scroll to get to it, then it’s top positioning is incorrect if you toggle the open attribute using another means other than clicking on the component. For example, if you toggle it with Show / Hide buttons similar to how it’s done in the <UncontrolledTooltipExample/> in the storybook.
It should position it immediately next to the triggerText, but it positions it far below it, off the screen.
Firefox 72.0.2 and others
“carbon-components”: “10.9.1”, “carbon-components-react”: “7.9.3”,
Steps to reproduce the issue
- Open code sand box
- Scroll down to buttons
- Click show
- scroll down more to see the tooltip https://codesandbox.io/s/dazzling-mountain-98i0z
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
can do
Make sure you scroll the browser window first before clicking the “Show” button. If your resolution is large enough that you can still see the Show button and click it without scrolling first, then it will position it correctly. Increase the spacing div height in that case to force you to scroll before clicking