@humandialog/forms.svelte 1.3.2 → 1.3.4

package/desk.svelte

@@ -163,8 +163,10 @@
         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)
@@ -212,16 +214,36 @@
         determineFABVisibility();
     }
 
+    function onFocusOut(e)
+    {
+        determineFABVisibility();
+    }
+
+    let change_ticket = 0
+    let last_change_ticket = 0
     function determineFABVisibility()
     {
-        if(isOnScreenKeyboardVisible())
-        {
-            fab_visibility = 'hidden'
-        }
-        else
-        {
-            fab_visibility = fab_base_visibility;
-        }
+        change_ticket++;
+        setTimeout( () => {
+            if(change_ticket != last_change_ticket)
+            {
+                last_change_ticket = change_ticket;
+                let new_fab_visibility = "";
+
+                if(isOnScreenKeyboardVisible())
+                {
+                    new_fab_visibility = 'hidden'
+                }
+                else
+                {
+                    new_fab_visibility = fab_base_visibility;
+                }
+
+                if(fab_visibility != new_fab_visibility)
+                    fab_visibility = new_fab_visibility;
+            }
+        }, 200)
+        
     }
 
     let operationsComponent

package/package.json

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