Unable to highlight content in a rich text field that has embeds

Overview

Hey Prismic team, we have a long-running blog post that we routinely update and adjust content for. It contains a rich text field that has a bunch of text along with embedded content (x/twitter, instagram, etc). When our content editor is going through to make adjustments, she is unable to highlight anything if she attempts to highlight content that contains embeds and it makes it very difficult to edit the blog post.

Describe your question/issue in detail

Unable to highlight content in a rich text field that has embeds

Steps to reproduce

  1. Be in a document that has a rich text field
  2. Rich text field has been populated with a mix of text and embeds
  3. Trying to highlight content (via mouse or via keyboard) will fail if crossing over any embeds.

Here is a recording documenting the issue:

Hi @johnw,

Thanks for reaching out about this, and for the Jam, it makes it really easy to see what's going on. I've had a go on my end, and I believe this may be linked to the type of "preview" for different links. If you embed a YouTube link for example, it's working just fine with the highlight:

We use oEmbed for our embedding, so I'm unsure at the moment if the issue lies with the way we handle the embed on our end, or with a limitation/function elsewhere with oEmbed. I'm going to investigate a little further with the team, and I'll get back to you :slight_smile:

Hi again @johnw,

I've created a bug report for this here: https://prismic.atlassian.net/browse/BT-263. There's no telling when exactly the team will get around to looking at it, but it's been reported to them. I've linked your post to the bug report so I can notify you here once it's been fixed :slight_smile: Apologies for the inconvenience in the meantime.