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

Tooltips only appear once per page load in Safari #1105

Closed
neildaniels opened this issue Jun 5, 2020 · 5 comments
Closed

Tooltips only appear once per page load in Safari #1105

neildaniels opened this issue Jun 5, 2020 · 5 comments
Assignees
Labels
Stale Automatically marked as stale.

Comments

@neildaniels
Copy link
Contributor

Describe the bug
For each Tooltip example, a tooltip will only appear once per page load in Safari. And in the case of examples with multiple examples (like the directions example), only the first item hovered will show a tooltip. Afterwards, the other items won't show a tooltip.

To Reproduce
Steps to reproduce the behavior:

  1. Go to Tooltip with no delay in Safari
  2. Hover over the example
  3. Tooltip appears
  4. Mouse outside of the item
  5. Tooltip hides
  6. Mouse over the example again.
  7. Tooltip won't appear.

Expected behavior
Tooltips should appear consistently.

Desktop (please complete the following information):

  • OS: macOS
  • Browser: Safari
  • Version 13.1.1 (15609.2.9.1.2)

Additional context
Works fine on Chrome. I'm not sure when this regressed in Safari. They used to work fine.

@simurai simurai added this to 📮 Inbox in 🐞 Primer CSS issue tracking via automation Jun 6, 2020
@simurai simurai removed the fr-skip label Jun 6, 2020
@smockle
Copy link
Member

smockle commented Jul 21, 2020

They used to work fine.

I started bisecting this. I was able to confirm the issue repros as far back as early September 2019 (3ad0b9f). When I tried to go further back, the project would not build on my machine.

@simurai
Copy link
Contributor

simurai commented Jul 22, 2020

Tested this in a CodePen: https://codepen.io/simurai/pen/54f53be160a122b767cce3bd4a963ef1. It seems to work fine.

Maybe an issue with rendering the demo in the docs?

@neildaniels
Copy link
Contributor Author

For whatever it's worth: the labels in the docs work correctly on the Safari 14 beta (Version 14.0 (15610.1.20.4, 15610)).

@smockle
Copy link
Member

smockle commented Jul 23, 2020

For whatever it's worth: the labels in the docs work correctly on the Safari 14 beta (Version 14.0 (15610.1.20.4, 15610)).

They also work in Safari 14.0 (16610.1.21.1.2) (the version installed in macOS Big Sur 11.0 Beta (20A5323I))

@github-actions
Copy link
Contributor

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.

@github-actions github-actions bot added the Stale Automatically marked as stale. label May 26, 2021
@github-actions github-actions bot closed this as completed Jun 2, 2021
🐞 Primer CSS issue tracking automation moved this from 📮 Inbox to 💜 Done Jun 2, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Stale Automatically marked as stale.
Projects
No open projects
Development

No branches or pull requests

4 participants