Description
Hi Vis team,
I'm experiencing an issue with vis-timeline in an Angular 11 app where the group showNested value appears to change itself from true to false as the collapsed and expanded css classes will be applied to the group out of sync with the showNested value. I've console logged the showNested value whenever it changes and that's how I noticed the css classes will change out of sync to that value. We render a simple arrow indicator to show the user if it's open or not using css classes along the following lines:
.expanded .arrow-indicator {
// point down arrow
}
.collapsed .arrow-indicator {
// point right arrow
}
I've searched the existing issues and couldn't find an appropriate duplicate. I'm working on creating a repeatable example in jsfiddle but untangling it from our codebase is proving more annoying than I'd like...
In the mean time is there any avenue of investigation that you can think of? I've tried so many things at this point that I feel either our whole complicated timeline needs rewriting to solve this 1 little visual issue or there's a bug in vis-timeline.
Versions:
"angular": "^11.2.0",
"vis-data": "^6.0.0",
"vis-timeline": "~7.3.0",
"vis-util": "^4.3.4",
For my own benefit this is ticket WC-2334 in my system.