ethanaobrien/EmulatorJS
1
0
Fork 0
mirror of https://github.com/EmulatorJS/EmulatorJS.git synced 2024-09-20 02:46:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Flip the context menu instead of overflowing

Browse source
This commit is contained in:
Ethan O'Brien 2024-02-08 11:15:37 -06:00
parent a48f4b0afc
commit 2df38e1dda
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
data/emulator.js
View file

@ -1293,9 +1293,13 @@ class EmulatorJS {
this.addEventListener(this.game, 'contextmenu', (e) => { this.addEventListener(this.game, 'contextmenu', (e) => {
e.preventDefault(); e.preventDefault();
if ((this.config.buttonOpts && this.config.buttonOpts.rightClick === false) || !this.started) return; if ((this.config.buttonOpts && this.config.buttonOpts.rightClick === false) || !this.started) return;
const parentRect = this.elements.parent.getBoundingClientRect();
this.elements.contextmenu.style.display = "block"; this.elements.contextmenu.style.display = "block";
this.elements.contextmenu.style.left = e.offsetX+"px"; const rect = this.elements.contextmenu.getBoundingClientRect();
this.elements.contextmenu.style.top = e.offsetY+"px"; const up = e.offsetY + rect.height > parentRect.bottom - 25;
const left = e.offsetX + rect.width > parentRect.right - 5;
this.elements.contextmenu.style.left = (e.offsetX - (left ? rect.width : 0)) + "px";
this.elements.contextmenu.style.top = (e.offsetY - (up ? rect.height : 0)) + "px";
}) })
const hideMenu = () => { const hideMenu = () => {
this.elements.contextmenu.style.display = "none"; this.elements.contextmenu.style.display = "none";