Wp-calypso: Gutenberg: Adding link on Paragraph block breaks the block on Safari

[carinapilar]

Steps to reproduce

1. Open your WordPress.com account on Safari.
2. Go to Site > Pages.
3. Create a new page.
4. Add a text using a Paragraph block.
5. Select part of the text and hyperlink it.

I was able to replicate the above on an AT and Simple site.

What I expected

The link to work.

What happened instead

It breaks the block.

Browser / OS version

Safari Version 12.1 (13607.1.40.1.5)
OS X 10.13.6

Screenshot / Video

This is what it shows in the Console:

Context / Source

user-report

2017169-zen

[gwwar]

Verified on Simple/Atomic but not in Gutenberg nightly.

It's more specifically breaking on window.getSelection().getRangeAt(0)

Which I think lines up with https://github.com/WordPress/gutenberg/blob/4108e37d3771b5871cd720216432b5bbd5255551/packages/format-library/src/link/inline.js#L82

[gwwar]

Update: I can reproduce this in Gutenberg master with the following steps:

In Safari:

• Add a link to a paragraph
• Click on another paragraph
• Click directly on the link you added

[mmtr]

D28094-code has a temporary fix for WP.com sites while we wait for changes from https://github.com/WordPress/gutenberg/pull/15576

[mmtr]

Fixed by D28094-code.

[mmtr]

Created https://github.com/Automattic/wp-calypso/issues/33004 as a reminder to revert D28094-code during the next Gutenberg update in WP.com sites.