search

sharu725 / sv-tooltip

A tooltip utility for Svelte and Sveltekit
https://sv-tooltip.sveltethemes.dev
13 stars 0 forks source link

Incorrect position of tooltip render when using with google font icons. #2

Open mrtechtroid opened 3 weeks ago

mrtechtroid commented 3 weeks ago

When using the Tooltips along with google Material icons, if the stylesheet hasn't been loaded, the text is displayed, but after the icons are loaded, the position of the Tooltip is not recalibrated. Example code:

<Tooltip tip = "offline" top>
        <span id="battery_status" class="material-symbols-rounded">
                signal_wifi_bad
        </span>
</Tooltip>
sharu725 commented 3 weeks ago

Can you post a screenshot of it.

sharu725 commented 3 weeks ago

Please try the lastest version sv-tooltip@0.2.0

mrtechtroid commented 3 weeks ago

Hi there, I tried v0.2.0, but doesn't seem to fix the issue. The online should have been under the wifi icon. A possible fix could be recalculating the position of the tooltip, when the child modifies. image

sharu725 commented 3 weeks ago

You’re right. I’ll try that.

sharu725 commented 3 weeks ago

@mrtechtroid please try 0.2.1