fix(dees-tile-note): use horizontal pointer position to scroll note body by computing percentage from clientX and element width instead of clientY and height

changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-01-27 - 3.39.1 - fix(dees-tile-note)
+use horizontal pointer position to scroll note body by computing percentage from clientX and element width instead of clientY and height
+
+- Changed ts_web/elements/00group-media/dees-tile-note/component.ts: use x = e.clientX - rect.left and percentage = x / rect.width to drive scrollTop calculation instead of using vertical coordinates
+- Fixes incorrect scroll mapping where vertical mouse position was used for horizontal scrolling interaction
+
 ## 2026-01-27 - 3.39.0 - feat(components)
 add large set of new UI components and demos, reorganize groups, and bump a few dependencies
 

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.39.0',
+  version: '3.39.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/00group-media/dees-tile-note/component.ts

@@ -213,8 +213,8 @@ export class DeesTileNote extends DeesTileBase {
     if (totalLines <= 12) return;
 
     const rect = this.getBoundingClientRect();
-    const y = e.clientY - rect.top;
-    const percentage = Math.max(0, Math.min(1, y / rect.height));
+    const x = e.clientX - rect.left;
+    const percentage = Math.max(0, Math.min(1, x / rect.width));
 
     const maxScroll = this.noteBodyElement.scrollHeight - this.noteBodyElement.clientHeight;
     this.noteBodyElement.scrollTop = percentage * maxScroll;