diff --git a/web/src/lib/components/elements/buttons/circle-icon-button.svelte b/web/src/lib/components/elements/buttons/circle-icon-button.svelte index 9b8fea2978..732ebc9dfb 100644 --- a/web/src/lib/components/elements/buttons/circle-icon-button.svelte +++ b/web/src/lib/components/elements/buttons/circle-icon-button.svelte @@ -84,6 +84,7 @@ $: colorClass = colorClasses[color]; $: mobileClass = hideMobile ? 'hidden sm:flex' : ''; $: paddingClass = paddingClasses[padding]; + $: recalculatePosition(title); const id = $$restProps.id ?? generateId(); @@ -124,6 +125,12 @@ left = box.left + box.width / 2 - offsetWidth / 2; }); }; + + const recalculatePosition = (title: string) => { + if (showPopover && title) { + onShowPopover(); + } + }; </script> <!-- svelte-ignore a11y-no-static-element-interactions -->