diff --git a/changelog.md b/changelog.md index 7083199..321c0be 100644 --- a/changelog.md +++ b/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 diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index 5bc68ab..1267655 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/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.' } diff --git a/ts_web/elements/00group-media/dees-tile-note/component.ts b/ts_web/elements/00group-media/dees-tile-note/component.ts index 13d000f..187f42d 100644 --- a/ts_web/elements/00group-media/dees-tile-note/component.ts +++ b/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;