diff --git a/front/src/components/audio/PlayButton.vue b/front/src/components/audio/PlayButton.vue index 0d9cb918b..2c561eeae 100644 --- a/front/src/components/audio/PlayButton.vue +++ b/front/src/components/audio/PlayButton.vue @@ -105,18 +105,17 @@ const openMenu = () => { // little magic to ensure the menu is always visible in the viewport // By default, try to display it on the right if there is enough room const menu = dropdown.value.find('.menu') - if (!menu.classList.includes('visible')) { - const viewportOffset = menu.get(0)?.getBoundingClientRect() ?? { right: 0, left: 0 } - const viewportWidth = document.documentElement.clientWidth - const rightOverflow = viewportOffset.right - viewportWidth - const leftOverflow = -viewportOffset.left + if (menu.classList.includes('visible')) return + const viewportOffset = menu.get(0)?.getBoundingClientRect() ?? { right: 0, left: 0 } + const viewportWidth = document.documentElement.clientWidth + const rightOverflow = viewportOffset.right - viewportWidth + const leftOverflow = -viewportOffset.left - menu.css({ - cssText: rightOverflow > 0 - ? `left: ${-rightOverflow - 5}px !important;` - : `right: ${-leftOverflow + 5}px !important;` - }) - } + menu.css({ + cssText: rightOverflow > 0 + ? `left: ${-rightOverflow - 5}px !important;` + : `right: ${-leftOverflow + 5}px !important;` + }) }