design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Jürgen Kunz
2026-01-27 11:10:39 +00:00
parent 66661e05a9
commit f6bf0f8a45
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
changelog.md
View File

@@ -1,5 +1,11 @@
# Changelog # 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) ## 2026-01-27 - 3.39.0 - feat(components)
add large set of new UI components and demos, reorganize groups, and bump a few dependencies add large set of new UI components and demos, reorganize groups, and bump a few dependencies

2
ts_web/00_commitinfo_data.ts
View File

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

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

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