microlinkhq / sdk

Make any URL embeddable. Turn any URL into a beautiful link preview.

Home Page:https://microlink.io/sdk

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Microlink Hover improvements

Kikobeats opened this issue · comments

The Microlink Hover package is a decorator on top of Microlink SDK for showing links when the user hover to an HTML element (normally a link).

Demos

Improvements

The popup effect is done via CSS. Although it's a lightweight solution, there is a flick if you keep the mouse in the gap between the link and the popup box.

CleanShot.2021-11-25.at.17.01.14.mp4

Also, part of the problem with the current implementation is the popup is covering the content, making the interaction a bit tedious.

Something worth it to explore could be to show the preview next to the cursor, so you don't lose the content context.

CleanShot.2021-11-25.at.17.05.16.mp4

(related source code)