Corrections

Signed-off-by: Alexander Platov <[email protected]>

Author: SasLord

packages/ui/src/components/Popup.svelte

@@ -27,21 +27,21 @@
     instances.forEach((p) => p.fitPopupInstance())
   }
 
-  const checkFS = (popup: any): boolean => {
+  const shouldDisplayPopup = (popup: any): boolean => {
     return (
-      (fullScreen && document.fullscreen && popup.element !== 'full-centered') ||
-      (!fullScreen && document.fullscreen && popup.element === 'full-centered') ||
-      (!fullScreen && !document.fullscreen)
+      (fullScreen && document.fullscreenElement != null && popup.element !== 'full-centered') ||
+      (!fullScreen && document.fullscreenElement != null && popup.element === 'full-centered') ||
+      (!fullScreen && document.fullscreenElement == null)
     )
   }
 
-  $: instances.length = $popups.filter((p) => p.dock !== true && checkFS(p)).length
+  $: instances.length = $popups.filter((p) => p.dock !== true && shouldDisplayPopup(p)).length
 </script>
 
 {#if $popups.length > 0}
   <slot name="popup-header" />
 {/if}
-{#each $popups.filter((p) => p.dock !== true && checkFS(p)) as popup, i (popup.id)}
+{#each $popups.filter((p) => p.dock !== true && shouldDisplayPopup(p)) as popup, i (popup.id)}
   <PopupInstance
     bind:this={instances[i]}
     is={popup.is}

packages/ui/src/components/TooltipInstance.svelte

@@ -66,7 +66,8 @@
     visibility: 'hidden',
     classList: ''
   }
-  const checkFS = (): boolean => (fullScreen && !document.fullscreen) || (!fullScreen && document.fullscreen)
+  const shouldHideTooltip = (): boolean =>
+    (fullScreen && document.fullscreenElement == null) || (!fullScreen && document.fullscreenElement != null)
 
   const clearStyles = (): void => {
     shown = false
@@ -251,7 +252,7 @@
   }
 
   const hideTooltip = (): void => {
-    if (checkFS()) return
+    if (shouldHideTooltip()) return
     if (tooltipHTML) options.visibility = 'hidden'
     shown = false
     closeTooltip()
@@ -260,7 +261,7 @@
   $: shownTooltip = $tooltip.element && tooltipHTML
 
   const whileShow = (ev: MouseEvent): void => {
-    if (!$tooltip.element || checkFS()) return
+    if (!$tooltip.element || shouldHideTooltip()) return
     const rectP = tooltipHTML.getBoundingClientRect()
     rect = $tooltip.element.getBoundingClientRect()
     const dT: number = dir === 'bottom' && $tooltip.kind !== 'submenu' ? 12 : 0
@@ -275,15 +276,15 @@
   }
 
   $: if (kind === 'submenu') {
-    if (!checkFS()) options = fitSubmenu()
+    if (!shouldHideTooltip()) options = fitSubmenu()
   } else {
-    if (!checkFS()) options = fitTooltip(tooltipHTML, clWidth)
+    if (!shouldHideTooltip()) options = fitTooltip(tooltipHTML, clWidth)
   }
   afterUpdate(() => {
     if (kind === 'submenu') {
-      if (!checkFS()) options = fitSubmenu()
+      if (!shouldHideTooltip()) options = fitSubmenu()
     } else {
-      if (!checkFS()) options = fitTooltip(tooltipHTML, clWidth)
+      if (!shouldHideTooltip()) options = fitTooltip(tooltipHTML, clWidth)
     }
   })
   onDestroy(() => {

plugins/love-resources/src/components/RoomLanguageSelector.svelte

@@ -21,7 +21,7 @@
 
   import { languagesDisplayData } from '../types'
   import LanguageIcon from './LanguageIcon.svelte'
-  import { updateSessionLanguage, isFullScreen } from '../utils'
+  import { updateSessionLanguage } from '../utils'
 
   export let room: Room
   export let kind: 'dropdown' | 'icon' = 'dropdown'