contentful / field-editors

React components and extensions for building Contentful entry editor
https://contentful-field-editors.netlify.app/
MIT License
150 stars 114 forks source link

feat: hyperlink edit popover modal #1542

Closed YvesRijckaert closed 8 months ago

YvesRijckaert commented 8 months ago

Description

It is currently not possible to edit the text after you added a hyperlink. You can however use the arrow keys on your keyboard to edit the link. This is causing some bad UX. This PR will improve that by introducing a link popover element.

Screenshot 2023-11-14 at 16 05 14

Acceptance criteria:

A mouse click brings the caret to the right position so the user can change the link text, but it also opens the popup menu underneath. This popup menu has a button to remove the link, copy the link (when they are not entity links), open the link a new tab and a button to open the edit hyperlink modal. In this modal the user can edit the hyperlink href.