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
Custom Arrow slightly shifted react / storybook / styled-components #342
Comments
Inspecting the CSS in the elements panel should help show any margins or padding around the arrow which can cause that issue. Make sure you're not using |
There's margin in your styles: &[data-popper-placement='top'] {
margin-bottom: -5px; To inspect the element, make sure you've selected the tooltip element itself. Since it has |
I have disable all margin and padding css but the problème is still here. Maybe the problem is storybook. I'm going to try my css in another project and I let you know. |
Hi ! I have try in another project without storybook but I have the same probleme. |
Hi everyone !
I try to use headless Tippy in a react/storybook/styled-components project's but i have a little css problem with the arrow position's .
It's a little too far to the right as you can see :
Do you know how can I fixe that please ?
You can see my code next, thanks a lot. for every idea.
My CSS with styled-component :
The text was updated successfully, but these errors were encountered: