[ANGULAR] Event outside viewport not hidden by display: none

[ws1001]

Hi Team,

We encountered the following when attempting to hide certain events on the scheduler.

Goal: Hiding certain events on the scheduler when user click on a button

Attempt: Using CSS to add a class to hide relevant events using setting display to none.

Issue: Our solution works for event in the viewport. However, when scrolling, events that were not in the viewport are still rendered and do not have the necessary CSS class attached. Also, after scrolling away from the hidden events and scrolling back, they are re-rendered and not hidden.

Any help will be appreciated!

Regards
ws1001

[mats]

Never fiddle directly with the DOM, use our abstraction / API. Sounds like you should just use simple filtering of the event store?

As seen here:
https://bryntum.com/examples/scheduler/filtering/