@waveform-playlist/ui-components 9.0.3 → 9.0.4

package/dist/index.mjs

@@ -561,12 +561,31 @@ var ScrollViewportProvider = ({ containerRef, children }) => {
     if (!el) return;
     measure();
     el.addEventListener("scroll", scheduleUpdate, { passive: true });
+    let userHasInteracted = false;
+    const markInteracted = () => {
+      userHasInteracted = true;
+    };
+    el.addEventListener("pointerdown", markInteracted, { once: true });
+    el.addEventListener("keydown", markInteracted, { once: true });
+    el.addEventListener("wheel", markInteracted, { once: true, passive: true });
+    const resetHandler = () => {
+      if (!userHasInteracted && el.scrollLeft !== 0) {
+        el.scrollLeft = 0;
+        measure();
+      }
+      el.removeEventListener("scroll", resetHandler);
+    };
+    el.addEventListener("scroll", resetHandler);
     const resizeObserver = new ResizeObserver(() => {
       scheduleUpdate();
     });
     resizeObserver.observe(el);
     return () => {
       el.removeEventListener("scroll", scheduleUpdate);
+      el.removeEventListener("scroll", resetHandler);
+      el.removeEventListener("pointerdown", markInteracted);
+      el.removeEventListener("keydown", markInteracted);
+      el.removeEventListener("wheel", markInteracted);
       resizeObserver.disconnect();
       if (rafIdRef.current !== null) {
         cancelAnimationFrame(rafIdRef.current);
@@ -1155,6 +1174,7 @@ var Clip = ({
       "data-clip-container": "true",
       "data-track-id": trackId,
       onMouseDown,
+      ...!enableDrag ? { tabIndex: -1 } : {},
       children: [
         showHeader && /* @__PURE__ */ jsx10(
           ClipHeader,