Fix StreamHud not collapsing when clicking on custom buttons

This commit is contained in:
redphx 2024-01-06 15:38:00 +07:00
parent 4c601234ef
commit 9d4eaf8024

View File

@ -9125,7 +9125,7 @@ function injectStreamMenuButtons() {
$quickBar.classList.add('bx-gone'); $quickBar.classList.add('bx-gone');
$parent.removeEventListener('click', hideQuickBarFunc); $parent.removeEventListener('click', hideQuickBarFunc);
$parent.removeEventListener('touchstart', hideQuickBarFunc); // $parent.removeEventListener('touchstart', hideQuickBarFunc);
} }
let $btnStreamSettings; let $btnStreamSettings;
@ -9208,12 +9208,19 @@ function injectStreamMenuButtons() {
return; return;
} }
const hideGripHandle = () => {
$gripHandle.dispatchEvent(new PointerEvent('pointerdown'));
$gripHandle.click();
$gripHandle.dispatchEvent(new PointerEvent('pointerdown'));
$gripHandle.click();
}
// Create Stream Settings button // Create Stream Settings button
if (!$btnStreamSettings) { if (!$btnStreamSettings) {
$btnStreamSettings = cloneStreamHudButton($orgButton, __('menu-stream-settings'), Icon.STREAM_SETTINGS); $btnStreamSettings = cloneStreamHudButton($orgButton, __('menu-stream-settings'), Icon.STREAM_SETTINGS);
$btnStreamSettings.addEventListener('click', e => { $btnStreamSettings.addEventListener('click', e => {
hideGripHandle();
e.preventDefault(); e.preventDefault();
e.stopPropagation();
const msVideoProcessing = $STREAM_VIDEO.msVideoProcessing; const msVideoProcessing = $STREAM_VIDEO.msVideoProcessing;
$quickBar.setAttribute('data-clarity-boost', (msVideoProcessing && msVideoProcessing !== 'default')); $quickBar.setAttribute('data-clarity-boost', (msVideoProcessing && msVideoProcessing !== 'default'));
@ -9222,12 +9229,10 @@ function injectStreamMenuButtons() {
$quickBar.classList.remove('bx-gone'); $quickBar.classList.remove('bx-gone');
$parent.addEventListener('click', hideQuickBarFunc); $parent.addEventListener('click', hideQuickBarFunc);
$parent.addEventListener('touchstart', hideQuickBarFunc); //$parent.addEventListener('touchstart', hideQuickBarFunc);
const $touchSurface = document.getElementById('MultiTouchSurface'); const $touchSurface = document.getElementById('MultiTouchSurface');
$touchSurface && $touchSurface.style.display != 'none' && $touchSurface.addEventListener('touchstart', hideQuickBarFunc); $touchSurface && $touchSurface.style.display != 'none' && $touchSurface.addEventListener('touchstart', hideQuickBarFunc);
$gripHandle.click();
}); });
} }
@ -9235,16 +9240,14 @@ function injectStreamMenuButtons() {
if (!$btnStreamStats) { if (!$btnStreamStats) {
$btnStreamStats = cloneStreamHudButton($orgButton, __('menu-stream-stats'), Icon.STREAM_STATS); $btnStreamStats = cloneStreamHudButton($orgButton, __('menu-stream-stats'), Icon.STREAM_STATS);
$btnStreamStats.addEventListener('click', e => { $btnStreamStats.addEventListener('click', e => {
hideGripHandle();
e.preventDefault(); e.preventDefault();
e.stopPropagation();
// Toggle Stream Stats // Toggle Stream Stats
StreamStats.toggle(); StreamStats.toggle();
const btnStreamStatsOn = (!StreamStats.isHidden() && !StreamStats.isGlancing()); const btnStreamStatsOn = (!StreamStats.isHidden() && !StreamStats.isGlancing());
$btnStreamStats.classList.toggle('bx-stream-menu-button-on', btnStreamStatsOn); $btnStreamStats.classList.toggle('bx-stream-menu-button-on', btnStreamStatsOn);
$gripHandle.click();
}); });
} }