I'm using the exact same code you proposed. I see the corresponding CSS styles, that get translated from the active area configuration.
<div class="scheduler_default_event scheduler_default_event_line0" unselectable="on" aria-label="" tabindex="-1"
style="position: absolute; left: 374px; top: 108px; width: 30px; height: 6px; white-space: nowrap; overflow: hidden; cursor: pointer;">
<div unselectable="on" class="scheduler_default_event_inner"
style="background: transparent; border-color: transparent;"></div>
<div unselectable="on"
style="border-bottom: 6px solid rgb(0, 102, 0); border-left: 6px solid transparent; position: absolute; width: 0px; height: 0px; right: 0px; bottom: 0px;">
</div>
</div>
I just want to make sure, you understand my issue. In my case I could have many events in the same day, where the event with the active area (triangle) should be always at the bottom. I would use the line property of the event, however the number of the events per day is variable.
Is there a way to tell the scheduler to place a certain type of events at the bottommost row? I couldn't find something similiar under this link: https://code.daypilot.org/91222/javascript-scheduler-event-placement-strategies