marcel/better-xcloud
1
0
Fork 0
mirror of https://github.com/redphx/better-xcloud.git synced 2025-06-06 23:57:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix touch problem with Stream Menu

Browse Source
This commit is contained in:
redphx 2024-08-06 20:24:40 +07:00
parent c1af19072d
commit 2fcf14c5b9
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
dist/better-xcloud.user.js vendored
View File

@ -7713,8 +7713,7 @@ class StreamUiHandler {
static $btnHome;
static observer;
static cloneStreamHudButton($btnOrg, label, svgIcon) {
const $streamHud = document.getElementById("StreamHud");
if (!$streamHud || !$btnOrg)
if (!$btnOrg)
return null;
const $container = $btnOrg.cloneNode(!0);
let timeout;
@ -7722,14 +7721,19 @@ class StreamUiHandler {
const onTransitionStart = (e) => {
if (e.propertyName !== "opacity")
return;
timeout && clearTimeout(timeout), $container.style.pointerEvents = "none";
timeout && clearTimeout(timeout), e.target.style.pointerEvents = "none";
}, onTransitionEnd = (e) => {
if (e.propertyName !== "opacity")
return;
if ($streamHud.style.left === "0px")
const $streamHud = e.target.closest("#StreamHud");
if (!$streamHud)
return;
if ($streamHud.style.left === "0px") {
const $target = e.target;
timeout && clearTimeout(timeout), timeout = window.setTimeout(() => {
$container.style.pointerEvents = "auto";
$target.style.pointerEvents = "auto";
}, 100);
}
};
$container.addEventListener("transitionstart", onTransitionStart), $container.addEventListener("transitionend", onTransitionEnd);
}

13
src/modules/stream/stream-ui.ts
View File

@ -16,8 +16,7 @@ export class StreamUiHandler {
private static observer: MutationObserver | undefined;
private static cloneStreamHudButton($btnOrg: HTMLElement, label: string, svgIcon: typeof BxIcon): HTMLElement | null {
const $streamHud = document.getElementById('StreamHud') as HTMLElement;
if (!$streamHud || !$btnOrg) {
if (!$btnOrg) {
return null;
}
@ -32,7 +31,7 @@ export class StreamUiHandler {
}
timeout && clearTimeout(timeout);
$container.style.pointerEvents = 'none';
(e.target as HTMLElement).style.pointerEvents = 'none';
};
const onTransitionEnd = (e: TransitionEvent) => {
@ -40,11 +39,17 @@ export class StreamUiHandler {
return;
}
const $streamHud = (e.target as HTMLElement).closest('#StreamHud') as HTMLElement;
if (!$streamHud) {
return;
}
const left = $streamHud.style.left;
if (left === '0px') {
const $target = e.target as HTMLElement;
timeout && clearTimeout(timeout);
timeout = window.setTimeout(() => {
$container.style.pointerEvents = 'auto';
$target.style.pointerEvents = 'auto';
}, 100);
}
};