@dxos/ui-editor 0.8.4-main.cb12b3f963 → 0.8.4-main.dfabb4ec29

package/dist/lib/browser/index.mjs

@@ -363,30 +363,37 @@ var insertAtLineStart = (view, from, insert) => {
 };
 
 // src/extensions/autocomplete/placeholder.ts
-var placeholder = ({ content, delay = 3e3 }) => {
+var placeholder = ({ content, delay = 3e3, focusOnly = false }) => {
   const plugin = ViewPlugin3.fromClass(class {
     _timeout;
     _decorations = Decoration3.none;
     update(update2) {
+      if (!update2.docChanged && !update2.selectionSet && !update2.focusChanged) {
+        return;
+      }
       if (this._timeout) {
         window.clearTimeout(this._timeout);
         this._timeout = void 0;
       }
+      this._decorations = Decoration3.none;
+      if (focusOnly && !update2.view.hasFocus) {
+        return;
+      }
       const activeLine = update2.view.state.doc.lineAt(update2.view.state.selection.main.head);
-      const isEmpty = activeLine.text.trim() === "";
-      if (isEmpty) {
-        const lineStart = activeLine.from;
-        this._timeout = setTimeout(() => {
-          this._decorations = Decoration3.set([
-            Decoration3.widget({
-              widget: new PlaceholderWidget(content),
-              side: 1
-            }).range(lineStart)
-          ]);
-          update2.view.update([]);
-        }, delay);
+      if (activeLine.text.trim() !== "") {
+        return;
       }
-      this._decorations = Decoration3.none;
+      const lineStart = activeLine.from;
+      const view = update2.view;
+      this._timeout = setTimeout(() => {
+        this._decorations = Decoration3.set([
+          Decoration3.widget({
+            widget: new PlaceholderWidget(content),
+            side: 1
+          }).range(lineStart)
+        ]);
+        view.update([]);
+      }, delay);
     }
     destroy() {
       if (this._timeout) {
@@ -573,7 +580,7 @@ var scroller = ({ overScroll = 0 } = {}) => {
   });
   return [
     scrollPlugin,
-    // Listen for effect.s
+    // Listen for effect.
     EditorView4.updateListener.of((update2) => {
       update2.transactions.forEach((transaction) => {
         try {
@@ -759,12 +766,15 @@ var autoScroll = ({ scrollOnResize = true } = {}) => {
             if (this.destroyed) {
               return;
             }
-            view.scrollDOM.scrollTop = view.scrollDOM.scrollHeight;
+            view.scrollDOM.scrollTo({
+              top: view.scrollDOM.scrollHeight,
+              behavior: "instant"
+            });
             view.dispatch({
-              effects: scrollerCrawlEffect.of(true)
+              effects: scrollerCrawlEffect.of(false)
             });
           });
-        }, 100);
+        }, 50);
         this.observer = new ResizeObserver(() => {
           if (this.firstObservation) {
             this.firstObservation = false;