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

Angular component inside event disappears when scrolling right

Related article: Angular Scheduler: Rendering Angular Components Inside Events
Asked by AC
1 month ago.

onBeforeEventDomAdd works great to insert a custom Angular component inside the event.

If we however scroll the timeline horizontally, all the events on the left side that are cut off, lose the custom content.

As can be seen in the image, the horizontal scrollbar was moved, the content of the left event should look the same as the content of the right event.

Answer posted by Dan Letecky [DayPilot]
1 month ago.

This is caused by floating events, a feature that displays the event text floating at the viewport edge when scrolling to the right. Angular components can’t be displayed in the floating part but you can turn it off:

config: DayPilot.SchedulerConfig = {
  floatingEvents: false,
  // ...
}
Comment posted by AC
1 month ago.

Beautiful, works like a charm. Thank you so much, Dan.

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.