@humandialog/forms.svelte 0.5.13 → 0.5.14

package/components/combo/combo.svelte

@@ -244,7 +244,6 @@ function selected_item(itm, a2) {
     let found = definition.source.find((e) => e.Key == choosed_value);
     if (!found)
       found = definition.source.find((e) => e.Name == choosed_value);
-    console.log("found: ", found);
     if (found)
       return found;
     else

package/components/document/internal/palette.svelte

@@ -18,11 +18,11 @@ let toolboxY;
 export function showAsToolbox(rect) {
   isToolbox = true;
   visible = true;
-  const margin = 15;
+  const margin = 0;
   const windowWidth = window.innerWidth - 2 * margin;
   toolboxX = margin;
   toolboxY = rect.bottom + margin;
-  css_style = `position: absolute; left:${toolboxX}px; top:${toolboxY}px;`;
+  css_style = `position: fixed; left:${toolboxX}px; top:${toolboxY}px;`;
   dispatch("palette_shown");
 }
 export function show(x, y, up = false) {

package/components/document/rich.edit.svelte

@@ -1,5 +1,5 @@
 <script>import { Selection_helper } from "./internal/Selection_helper";
-import { afterUpdate, getContext, onDestroy, onMount } from "svelte";
+import { beforeUpdate, afterUpdate, getContext, onDestroy, onMount } from "svelte";
 import { Selection_range, Selection_edge } from "./internal/Selection_range";
 import { data_tick_store, contextItemsStore, contextTypesStore } from "../../stores.js";
 import { informModification, pushChanges } from "../../updates.js";
@@ -85,8 +85,6 @@ function setup_source() {
   if (!value)
     value = "<p>\u200B</p>";
   has_changed_value = false;
-  if (stored_selection)
-    set_selection(stored_selection);
 }
 onMount(() => {
   if (!editable_div)
@@ -114,6 +112,19 @@ onDestroy(() => {
   if (is_command_palette_visible)
     hide_command_palette();
 });
+let storedSelection = null;
+beforeUpdate(() => {
+  if (editable_div && document.activeElement == editable_div)
+    storedSelection = Selection_helper.get_selection(editable_div);
+  else
+    storedSelection = null;
+});
+afterUpdate(() => {
+  if (storedSelection) {
+    const range = Selection_helper.create_range(editable_div, storedSelection.begin.absolute_index, storedSelection.end.absolute_index);
+    set_selection(range);
+  }
+});
 function content_changed(checkZeroWitdhSpaces) {
   if (document.activeElement != editable_div)
     return;
@@ -755,7 +766,7 @@ function set_tag_and_class_for_paragraph(node, tag, css_class) {
 function do_format(tag, css_class) {
   const elem = editable_div;
   const editableElem = editable_div;
-  let stored_selection2 = Selection_helper.get_selection(elem);
+  let stored_selection = Selection_helper.get_selection(elem);
   let sel = window.getSelection();
   let should_restore_selection = false;
   if (sel.isCollapsed || sel.focusNode === sel.anchorNode) {
@@ -784,7 +795,7 @@ function do_format(tag, css_class) {
     } while (node);
   }
   if (should_restore_selection) {
-    const range = Selection_helper.create_range(editableElem, stored_selection2.begin.absolute_index, stored_selection2.end.absolute_index);
+    const range = Selection_helper.create_range(editableElem, stored_selection.begin.absolute_index, stored_selection.end.absolute_index);
     set_selection(range);
   }
 }
@@ -941,10 +952,7 @@ function navigate_command_palette(key) {
   else if (key == "ArrowUp")
     palette.navigate_up();
 }
-let stored_selection = void 0;
 function on_selection_changed() {
-  let active_range = Selection_helper.get_selection(editable_div);
-  stored_selection = window.getSelection()?.getRangeAt(0);
 }
 let intervalId = 0;
 function on_focus() {
@@ -952,7 +960,7 @@ function on_focus() {
 function on_blur() {
   let active_range = Selection_helper.get_selection(editable_div);
   console.log("rich.edit: on_blur", active_range?.begin?.absolute_index);
-  stored_selection = void 0;
+  storedSelection = null;
   if (onBlur) {
     onBlur();
     onBlur = void 0;

package/package.json

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