Safari Problem with menu

[Marc Berg]

Hello together, since today the submenu is behind the tiles. Whether desktop or mobile. Do you have an explanation for this or a bug fix? Screenshot attached

Thank you,

Kind regards

[Pierre Goiffon]

Hello,

Do you reproduce this problem with Chrome or Firefox ?

Due to a lack of resources we don't support Safari :/
As a reference : Hardware & Software requirements [iTop Documentation]

[Marc Berg]

No, with chrome not. But Safari works always. Since yesterday this bug,

[Pierre Goiffon]

Ok, might be caused by a customization you deployed yesterday ? Or a Safari update ?
I'm sorry we won't spend time debugging this (we don't even have the hardware to do so in Combodo :/ ), but mind we are opened to contributions !

[Marc Berg]

no, nothing has been changed in itop. Nothing was changed on the iPhone or Mac that day either, which surprises me. even if you don't use it yourself, but some will use it.

[Marc Berg]

thank you for your help Pierre

[Hipska]

Hi Marc, in order to get your problem fixed, we would need to find the root cause.

@pgoiffon I have this same issue on a local instance of 3.0.1, but not on the demo which is also 3.0.1

Edit: it seems to be related if the page is large and thus has a scrollbar to see all content (so its overflowing)

[Marc Berg]

Hey, I noticed. It seems to have come from the latest Safari update. I don't have the latest version on the Mac Mini in the office yet, so it works perfectly. MacBook with the latest Mac OS and Mac Pro at home have the error. Unfortunately, I'm not the guru that I know why it should be like this in the new Safari. :(

[Pierre Goiffon]

Hello,
Many thanks for the investigation Hipska !
If you find a fix, we are very eagger to review it !

[Lars]

See also this PR https://github.com/Combodo/iTop/pull/340

[Lars]

As a possible temporary workaround I added a custom stylesheet to my Safari.
Within my custom style sheet I did the same like in the PR:

.ibo-navigation-menu.ibo-is-active .ibo-navigation-menu--drawer{
    -webkit-transform: translate3d(0,0,0);
}

[Marc Berg]

Hey together,

it could be that the workaround doesn't work with the last iTop & Safari version? Tried it with the PR and via the stylesheet directly in Safari, but it doesn't change anything.

[Pierre Goiffon]

Hello,
Can you give more details ? Precise iTop and Safari versions ? Did you had the fix working and then it didn't after an update ?

[Guillaume Lajarige]

Hello Marc,

Depends where you have applied the workaround. If you did it on the <ITOP>/css/backoffice/xxx file, then you need to run the setup again.

Hope this helps,
Guillaume

[Marc Berg]

Hey,

I already tried it as a stylesheet as mentioned by Lars. Then as in the PR in the scss files. But nothing changes at all. Latest iTop version and Safari 16.0

[Guillaume Lajarige]

And did you empty your browser's cache?

[Marc Berg]

Off course.

[Marc Berg]

Bug in 3.0.3 again. Why is that not fixed? :(

[Pierre Goiffon]

Can you give more details (Safari and iTop version, reproduction procedure) in the corresponding ticket [#2104] ?
You're still very welcome to sponsor adding Safari as a supported browser.

[Safranek Jaroslav]

Hi,

I'm confirm that this bug is still here.
I know that Safari is minority, but use two browsers, only for one little bug in iTop is not user friendly.

Best regards, Jaroslav

[Pierre Goiffon]

Hello,
As a reference the SourceForge ticket : [#2104]