diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css index 3ae4301740..a949d644ce 100644 --- a/tools/server/public_simplechat/simplechat.css +++ b/tools/server/public_simplechat/simplechat.css @@ -136,9 +136,11 @@ body { } #popover-chatmsg { position:fixed; + /* position-area: span-top span-left; inset-block-start: anchor(start); inset-inline-start: anchor(center); + */ background-color: transparent; padding: 0; margin: 0; diff --git a/tools/server/public_simplechat/simplechat.js b/tools/server/public_simplechat/simplechat.js index a0847fd2b3..4d05f807ef 100644 --- a/tools/server/public_simplechat/simplechat.js +++ b/tools/server/public_simplechat/simplechat.js @@ -1324,7 +1324,7 @@ class MultiChatUI { // ALERT: helps account for firefox which doesnt support anchor based auto positioning currently let trect = secMain.getBoundingClientRect(); let prect = this.elPopoverChatMsg.getBoundingClientRect(); - this.elPopoverChatMsg.style.top = `${trect.bottom - (prect.height*1.2)}px` + this.elPopoverChatMsg.style.top = `${trect.top}px` this.elPopoverChatMsg.style.left = `${trect.width - (prect.width*1.2)}px` }) secMain.addEventListener('mouseleave', (ev)=>{