@humandialog/forms.svelte 1.3.1 → 1.3.3

package/desk.svelte

@@ -159,11 +159,15 @@
         window.addEventListener('resize', on_resize)
         
         const vp = window.visualViewport;
-
         vp?.addEventListener('resize', onViewportResize)
         setViewportHeight(vp)
 
+        document.addEventListener('selectionchange', onSelectionChanged)
+        document.addEventListener('focusout', onFocusOut)
+
         return () => {
+            document.removeEventListener('focusout', onFocusOut)
+            document.removeEventListener('selectionchange', onSelectionChanged)
             vp?.removeEventListener('resize', onViewportResize)
             window.removeEventListener('resize', on_resize)
             
@@ -202,14 +206,34 @@
         const vp = window.visualViewport;
         setViewportHeight(vp)
 
+        determineFABVisibility();
+    }
+
+    function onSelectionChanged(e)
+    {
+        determineFABVisibility();
+    }
+
+    function onFocusOut(e)
+    {
+        determineFABVisibility();
+    }
+
+    function determineFABVisibility()
+    {
+        let new_fab_visibility;
+
         if(isOnScreenKeyboardVisible())
         {
-            fab_visibility = 'hidden'
+            new_fab_visibility = 'hidden'
         }
         else
         {
-            fab_visibility = fab_base_visibility;
+            new_fab_visibility = fab_base_visibility;
         }
+
+        if(fab_visibility != new_fab_visibility)
+            fab_visibility = new_fab_visibility;
     }
 
     let operationsComponent

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",