search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Scheduler in Angular: onTimeRangeSelected popup/menu opens at wrong coordinates after horizontal scroll

Asked by Clinicflow QA
14 hours ago.

Hi DayPilot team,

We found an issue with DayPilot Scheduler in our Angular app.

Environment:

  • DayPilot Pro for JavaScript (Scheduler)

  • Angular

  • Horizontal scrolling enabled

Issue:

When handling onTimeRangeSelected and showing a custom popup/menu next to the selected time range, the popup position is incorrect after the scheduler is horizontally scrolled. The popup appears offset (using viewport/page coordinates rather than scheduler grid coordinates), so it can render far from the selected cell.

Expected behavior:

The popup/menu should open adjacent to the selected time range regardless of current horizontal scroll position.

Actual behavior:\nAfter horizontal scroll, the popup is misplaced by the scroll offset.

Repro steps:

1. Open Scheduler with enough columns to enable horizontal scrolling.

2. Scroll horizontally.

3. Select a time range (onTimeRangeSelected).

4. Show a custom popup/menu using the selection position.

5. Observe the popup opens in the wrong place.

Can you confirm the recommended way to calculate popup coordinates for Scheduler selections in Angular, and whether this is a known issue?

Thank you!

Answer posted by Dan Letecky [DayPilot]
14 hours ago.

The standard UI behavior for context menus is to hide them when a page scrolls (this is also what the browser does with the built-in menu). So I recommend hooking the scroll/wheel event and hiding the custom menu from there.

New Reply
This reply is
Attachments:
or drop files here
Your name (optional):