fix: tooltip link placement richtext [ZEND-4296] - Githubissues

contentful / field-editors

React components and extensions for building Contentful entry editor

https://contentful-field-editors.netlify.app/

MIT License

150 stars 118 forks source link

fix: tooltip link placement richtext [ZEND-4296] #1530

Closed YvesRijckaert closed 11 months ago

YvesRijckaert commented 11 months ago

Description

Fix issue with tooltips behaving weirdly in some cases for links in rich text

Demo

Before:

https://github.com/contentful/field-editors/assets/22968325/5e4d9625-88df-4b3b-8fdb-43d63c002aae

After:

https://github.com/contentful/field-editors/assets/22968325/87c885a9-a166-418f-b282-78603867be56

Implementation details

use portal to display tooltip
min-width instead of auto width (otherwise the width would stretch because of the portal positioning)