fix: "Pause when tabbing out" Feature not working as expected #369

fix: scrollbars
ThaUnknown · Mar 21, 2024 · 2c3af49 · 2c3af49
1 parent ebc6513
commit 2c3af49
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte
@@ -17,6 +17,7 @@
   import Keybinds, { loadWithDefaults, condition } from 'svelte-keybinds'
   import { SUPPORTS } from '@/modules/support.js'
   import 'rvfc-polyfill'
+  import IPC from '@/modules/ipc.js'
 
   const emit = createEventDispatcher()
 
@@ -263,17 +264,19 @@
   function toggleMute () {
     muted = !muted
   }
-  let visibilityPaused = true
-  document.addEventListener('visibilitychange', () => {
+  const handleVisibility = visibility => {
     if (!video?.ended && $settings.playerPause && !pip) {
-      if (document.visibilityState === 'hidden') {
+      if (visibility === 'hidden') {
         visibilityPaused = paused
         paused = true
       } else {
         if (!visibilityPaused) paused = false
       }
     }
-  })
+  }
+  let visibilityPaused = true
+  document.addEventListener('visibilitychange', () => handleVisibility(document.visibilityState))
+  IPC.on('visibilitychange', handleVisibility)
   function tryPlayNext () {
     if ($settings.playerAutoplay && !state.value) playNext()
   }

diff --git a/common/webpack.config.cjs b/common/webpack.config.cjs
@@ -88,7 +88,7 @@ module.exports = (parentDir, alias = {}, aliasFields = 'browser', filename = 'ap
 ${htmlWebpackPlugin.tags.headTags}
 </head>
 
-<body class="dark-mode with-custom-webkit-scrollbars with-custom-css-scrollbars">
+<body class="dark-mode with-custom-webkit-scrollbars">
 ${htmlWebpackPlugin.tags.bodyTags}
 </body>
 

diff --git a/electron/src/main/main.js b/electron/src/main/main.js
@@ -64,6 +64,9 @@ function createWindow () {
     webtorrentWindow.webContents.openDevTools()
   })
 
+  mainWindow.on('minimize', () => mainWindow.webContents.postMessage('visibilitychange', 'hidden'))
+  mainWindow.on('restore', () => mainWindow.webContents.postMessage('visibilitychange', 'visible'))
+
   mainWindow.on('closed', () => {
     mainWindow = null
     try {