@jsenv/dom 0.17.8 → 0.17.9

package/dist/jsenv_dom.js

@@ -11993,7 +11993,9 @@ import.meta.css = [/* css */`
     /* A drag over text selects it on the way, and the blue trail says the
        gesture was understood as something else. Not from the press: a press on
        text IS how one selects it, and only a press that has become a travel has
-       said it was about something else. */
+       said it was about something else — which is also why this cannot be the
+       whole answer, and why the selection made meanwhile is dropped by hand
+       (see dropSelection). */
     user-select: none;
   }
 `, "@jsenv/dom/src/interaction/drag/drag_to_travel.js"];
@@ -12071,6 +12073,29 @@ const axesLeftBy = (axes, fromElement, stopElement, attribute) => {
   return left;
 };
 
+/**
+ * What the browser painted blue while it was still allowed to think this press
+ * was about text.
+ *
+ * A mouse dragged across a page selects what it crosses, and it starts doing so
+ * from the first pixel — while this is still spending ten of them deciding
+ * whether the press is a travel at all. By the time it is one, a trail is
+ * already there. `user-select: none` (see the CSS) stops it GROWING, it does not
+ * take back what was made, and a selection already under way goes on being
+ * extended by some browsers whatever the property says.
+ *
+ * So it is dropped, and dropped again as it comes back. The cause is outside —
+ * one gesture, two things answering it, and the browser answers first — and
+ * cannot be removed from here; what can be removed is its trace, on every frame
+ * of a travel that is walking.
+ */
+const dropSelection = () => {
+  const selection = window.getSelection();
+  if (selection && !selection.isCollapsed) {
+    selection.removeAllRanges();
+  }
+};
+
 /**
  * A scroller between the pointer and the box it is in, with room left the way
  * the gesture goes: it gets the gesture, and nothing travels — dragging a row
@@ -12382,6 +12407,9 @@ const startDragToTravel = (pointerDownEvent, {
         };
         document.documentElement.setAttribute(WALKING_ATTRIBUTE, axis);
       }
+      // Whatever the press was taken for until now, it was taken for something
+      // else (see dropSelection).
+      dropSelection();
       const {
         axis
       } = travel;
@@ -12443,6 +12471,10 @@ const startDragToTravel = (pointerDownEvent, {
         return;
       }
       finish();
+      // Last chance: the pointer moves once more as it goes up, and by then the
+      // attribute above is off — so a trail made on that last move would be the
+      // one that stays (see dropSelection).
+      dropSelection();
       const {
         axis,
         size,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/dom",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "type": "module",
   "description": "DOM utilities for writing frontend code",
   "repository": {