cagov / design-system

State of California Design System
MIT License
79 stars 25 forks source link

Bug: Google Translate conflicts with main navigation links #985

Closed Greg-Watanabe closed 8 months ago

Greg-Watanabe commented 10 months ago

Issue occurs on these sites:

https://broadbandforall.cdt.ca.gov/ https://www.govops.ca.gov/ https://climateaction.ca.gov/

I also downloaded the design system template and replicated the issue locally.

Click the "translate" link at the top right. Select any language. Click any main navigation link text. Nothing happens.

Google translate inserts font tags around the text, which might be interfering with a click handler.

Note that if you click outside the text but within the \ tag, it works. e.g Clicking the red area doesn't work but the green area does work: image

zakiya commented 9 months ago

Hi Greg.

Thank you for your contribution and your easy-to-follow bug report. Your update is available now via the npm package. Will have a full new Design system release next week.

Let us know if this fix works for you in the other environments.

zakiya commented 8 months ago

No comments or action for over a month, Assuming the fix was good and closing.