An issues-only repository for the Bryntum project management component suite which includes powerful Grid, Scheduler, Calendar, Kanban Task Board and Gantt chart components all built in pure JS / CSS / TypeScript
We've been experiencing a really annoying issue where the TaskEdit popover disappears or jumps. I'd greatly appreciate guidance on how to prevent this from happening or workarounds.
I have attached a sample codebase where you can reproduce this issue.
Basically, I think it happens in under these conditions:
It happens to recurring events, to subsequent occurrences (not start of series)
It seems to happen when the event is on the edge of the viewport
It seems to happen more when events are filtered (or maybe that's because it's putting it close to the edge of the viewport)
If you can't reproduce it, you probably need to resize your browser screen size so the TaskEdit modal opens towards the edge.
How I reproduced this:
I started with a vanilla Bryntum React example
I made one event DAILY recurring event (in this instance, Arrive 6 on resource Helicopter)
I filter resources to Helicopter (to put it at the top of the viewport, but you can reproduce with the left/right/bottom of the viewport as well)
I click on editing the event, All Future occurrences
I move my mouse to the popover to edit
Expected behavior: I can edit the event
Actual behavior: the popover completely disappears or jumps to top left corner!
Take a look at this example video where you can see the popover disappear (Bryntum version 5.6.11) and it jumping (Bryntum version 6.0.3).
I have however, seen it jump on 5.6.x version and I've seen it disappear in 6.0.3 version
I know I can center the TaskEdit popover, but that is undesirable for us. We really just want the popover to not disappear or jump.
Assuming this is a bug in the library, I'd love to know if you have any workarounds for me to do in the meantime while a patch is being worked on, as this is a pretty frustrating issue for our users.
Forum post
Hi Bryntum Team,
We've been experiencing a really annoying issue where the TaskEdit popover disappears or jumps. I'd greatly appreciate guidance on how to prevent this from happening or workarounds.
I have attached a sample codebase where you can reproduce this issue.
Basically, I think it happens in under these conditions: It happens to recurring events, to subsequent occurrences (not start of series) It seems to happen when the event is on the edge of the viewport It seems to happen more when events are filtered (or maybe that's because it's putting it close to the edge of the viewport) If you can't reproduce it, you probably need to resize your browser screen size so the TaskEdit modal opens towards the edge.
How I reproduced this: I started with a vanilla Bryntum React example I made one event DAILY recurring event (in this instance, Arrive 6 on resource Helicopter) I filter resources to Helicopter (to put it at the top of the viewport, but you can reproduce with the left/right/bottom of the viewport as well) I click on editing the event, All Future occurrences I move my mouse to the popover to edit
Expected behavior: I can edit the event Actual behavior: the popover completely disappears or jumps to top left corner!
https://www.loom.com/share/2eff99e1aa184b279457734eb2559e86?sid=7d8ab0f9-64b0-4d64-a11e-084b92655cd5
Take a look at this example video where you can see the popover disappear (Bryntum version 5.6.11) and it jumping (Bryntum version 6.0.3).
I have however, seen it jump on 5.6.x version and I've seen it disappear in 6.0.3 version
I know I can center the TaskEdit popover, but that is undesirable for us. We really just want the popover to not disappear or jump.
Assuming this is a bug in the library, I'd love to know if you have any workarounds for me to do in the meantime while a patch is being worked on, as this is a pretty frustrating issue for our users.
https://github.com/user-attachments/assets/bc173c75-4e73-47c9-8c12-ab889a335992
Archive.zip