Timeline not displayed on IE/Win 8.1 and Safari

[ServiciosCompunics]

I am using the timeline modul on top of a 360° virtual tour, the timeline does not get displayed using IE11 on Windows 8.1 and reportedly not on Mac/Safari systems.
The version is 4.21.0 and the issue can be seen at: https://www.paseo-virtual.com/productos/PTPDemo/TimelineSlider/?mode=switchpano
Unfortunately i don't have a Mac or iPad to test myself, i only can check the issue on the Win-system. There the timeline labels (year, months and days) get displayed after changing "visibility: hidden" to "visible" for the divs having .vis-timeline and .vis-bottom classes, but that's not a correct solution and does also show a misplacement of timeline event labels. Chrome and Firefox on that same system do work fine, so any hint on a solution or workaround both for IE and Safari would be highly appreciated!

[KalasinSeymour]

I can confirm that this issue also happens using IE11 on Windows 10. Have you tried downgrading to a previous version? I am using VisJs 4.20.0 for a web project and it works for IE11 and Mac/Safari.

[ServiciosCompunics]

Thanks for that tip, unfortunately i doesn't solve the problem on my WIN8.1 system.

[KalasinSeymour]

That's too bad. I have another idea you might try. Could you test if declaring start and end values in the timeline options fixes the visibility issue? I linked another issue below that might be related to your problem (even if there is no specific browser mentioned).

#3616

[ServiciosCompunics]

Thanks a lot for your help, i have checked again using my WIN8.1-system.
Using 4.21.0 the timeline including events do not get displayed with or without start/end-dates set.
Using 4.20.0 the timeline gets displayed with or without start/end-dates set.

The misplacement of events (all aligned to the left border) did only appear when not only dates but also time settings were used. So i changed my time settings and now it works fine for me using 4.20.0, i will try to have it checked using Safari.

Date/time format causing misplacement (note the missing 'T'):
{id: 0, content: item0, start: '2018-01-05 06:00'},
{id: 1, content: item1, start: '2018-01-10 08:00'},

Date/time format OK:
{id: 0, content: item0, start: '2018-01-05T06:00'},
{id: 1, content: item1, start: '2018-01-10T08:00'},

[KalasinSeymour]

You're welcome. Good to know that you found a solution for your problem. I only worked with dates in json string format so far and there has never been a similar issue. But now that you're mentioning it, I didn't see the missing "T" at all.

You could still try if using the ISODate format (e.g. 2018-01-05T06:00:00.000Z or new Date().toISOString()) solves the problem for VisJs 4.21.0.