Bug report: outline on mobile glossary tooltip

[wackerow]

Describe the bug

GlossaryTooltip component displaying an outline when used on mobile; not present on desktop

To reproduce

0. Use a phone
1. Go to https://ethereum.org/en/nft
2. Click on dotted-underlined "blockchain" at the end of the second paragraph
3. Notice colored outline to the tooltip box

Expected behavior

No outline; should appear same as on desktop

Screenshots

Desktop (please complete the following information)

No response

Smartphone (please complete the following information)

iPhone, Brave or Safari

Additional context

No response

Would you like to work on this issue?

• Yes
• No

[rileyannon]

Is this claimed yet?
I was taking a look through some of the docs and I found that this may be linked to ChakraUI as shown in this issue: chakra-ui/chakra-ui#708

I'd like to take a stab at it - not yet sure how I could run this locally on mobile (I'm a n00b) but I'm interested!

[wackerow]

Thanks @rileyannon!

---

If you use VSCode, you could try their "Ports" feature to view localhost on mobile... Fire up the server, then go to the "Ports" tab near your Terminal (may need to be signed in using GitHub account):

Click "Forward a Port", type in "3000" (assuming your server is on that port), and hit Enter. Give it a moment and it should display an address that you can copy, and then use that from your phone. If set to "Private" (default), you'll need to login with GitHub on your phone as well; if "Public" then anyone can view that... it's a slow tunnel, but it'll feed your localhost:3000 to that address.

---

If you don't use VSCode, I'm sure there are other solutions but I'd say you can always just publish a branch as a PR and a Netlify preview deploy will be built that you can use:

It'll show up in a comment on your PR like this

[rileyannon]

Thanks for the walkthrough @wackerow! Glad to finally know how that works :)

[github-actions]

This issue is stale because it has been open 30 days with no activity.

[SeanXLChen]

Hi, I could take this one.