diff --git a/samples/calc-02/index.js b/samples/calc-02/index.js index ef8cc9c..46f7290 100644 --- a/samples/calc-02/index.js +++ b/samples/calc-02/index.js @@ -438,7 +438,6 @@ function openConstMenu() { constMenuEl = document.createElement('div'); constMenuEl.className = 'mode-menu'; constMenuEl.style.top = `${rect.bottom + 6 + window.scrollY}px`; - constMenuEl.style.left = `${rect.left + window.scrollX}px`; constants.forEach((constant) => { const button = document.createElement('button'); button.type = 'button'; @@ -456,8 +455,8 @@ function openConstMenu() { }); document.body.appendChild(constMenuEl); const menuRect = constMenuEl.getBoundingClientRect(); - const maxLeft = Math.max(8, window.innerWidth - menuRect.width - 8); - constMenuEl.style.left = `${Math.max(8, Math.min(maxLeft, rect.left + window.scrollX))}px`; + const desiredLeft = rect.right + window.scrollX - menuRect.width; + constMenuEl.style.left = `${Math.max(8, desiredLeft)}px`; } constButton.addEventListener('click', (event) => {