Mindmap does not load correctly in Safari browser

[Majkl45]

Hi Ondras

When I load your simple mindmap or want load mindmap from JSON in Safari(version 14.0.1), there is a bad positioning of items.
When I tryed load mindmap in Chrome,Firefox,Edge and Opera, there is no problem.

Have you any idea what should by wrong?

[ondras]

Hmm, this looks really bad. Probaby related to the recent SVG-based refactoring.

@Majkl45, what happens when you collapse/expand some parts of the map? Does the layout get fixed?

Unfortunately, I do not have access to any reasonable Safari (no Mac) to debug & solve this efficiently :-(

[Majkl45]

When I collapse/expand some parts of the map, boxes and texts are still getting stuck on the left top corner.

I came accros on this problem so I wanted to let you know about this bug.
Does not matter, I will propably use some other browser.

[ondras]

Okay, thanks for reporting and clarification. I will try to reproduce (and fix) on some Safari myself.

[pozzo-balbi]

Same problem here with Safari, Firefox or Chrome on iPhone.

[clodion]

I had same kind of problem, I don't know if it will help, I just changed one line in the map.css: I removed the relative position of the item content :

.item .content {
/* position:relative; */
display : inline-flex;
align-items : center;
white-space : no-wrap;
cursor:pointer;
}

and now it works perfectly on all browsers.

[pury]

I had same kind of problem, I don't know if it will help, I just changed one line in the map.css: I removed the relative position of the item content :

.item .content { /* position:relative; */ display : inline-flex; align-items : center; white-space : no-wrap; cursor:pointer; }

and now it works perfectly on all browsers.

It works for me, too. Thanks :)