search

prismicio / prismic-react

React components and hooks to fetch and present Prismic content
https://prismic.io/docs/technologies/homepage-reactjs
Apache License 2.0
154 stars 41 forks source link

Firefox and Chrome don't have same nesting order for links with labels. #82

Closed Matthaios closed 2 years ago

Matthaios commented 3 years ago

Hi, I noticed a problem where RichText is rendering components differently for Firebox vs Chrome. Already noticed this on 2 clients' websites. Basically if you add a label to the link in Rich Text it will nest them differently depending on the browser.

From Firefox: image From Chrome: image

Currently resolving it by adding click event handlers to buttons that have links inside.

lihbr commented 3 years ago

Hey @Matthaios, thank you so much for reporting that we'll investigate!

cc @a-trost, @hypervillain

angeloashmore commented 2 years ago

Hey @Matthaios, this is an old issue but here's a quick update.

We just released @prismicio/react v2 which uses a new Rich Text renderer. The issue you described should not happen with the new package, but please let me know if you still experience it.

Thanks!