fix popover placement for menuButton

This commit is contained in:
Guilhem
2025-02-04 11:10:33 +00:00
parent f5fc11a51d
commit 1fb8a24f69
3 changed files with 23 additions and 5 deletions
@@ -16,7 +16,13 @@
</script>
{#if !disabled}
<Popover appearTimeout={0} disappearTimeout={0} class="w-full" disablePopup={!isCollapsed}>
<Popover
appearTimeout={0}
disappearTimeout={0}
class="w-full"
disablePopup={!isCollapsed}
placement="right"
>
<button
on:click={(e) => {
if (stopPropagationOnClick) e.preventDefault()
@@ -32,7 +38,7 @@
$$props.class
)}
style={color ? `border-color: ${color}; padding: 0 calc(0.5rem - 4px);` : ''}
title={label}
title={isCollapsed ? undefined : label}
>
{#if icon}
<svelte:component
@@ -23,7 +23,13 @@
</script>
{#if !disabled}
<Popover appearTimeout={0} disappearTimeout={0} class="w-full" disablePopup={!isCollapsed}>
<Popover
appearTimeout={0}
disappearTimeout={0}
class="w-full"
disablePopup={!isCollapsed}
placement="right"
>
<button
on:click={(e) => {
if (stopPropagationOnClick) e.preventDefault()
@@ -42,8 +48,8 @@
$$props.class
)}
style={color ? `border-color: ${color}; padding: 0 calc(0.5rem - 4px);` : ''}
title={label}
use:melt={trigger}
title={isCollapsed ? undefined : label}
>
{#if icon}
<svelte:component
@@ -23,7 +23,13 @@
</script>
{#if !disabled}
<Popover appearTimeout={0} disappearTimeout={0} class="w-full" disablePopup={!isCollapsed}>
<Popover
appearTimeout={0}
disappearTimeout={0}
class="w-full"
disablePopup={!isCollapsed}
placement="right"
>
<a
{href}
class={classNames(