Broken icons in the administrative interface in Safari 14

Azure / api-management-developer-portal

Developer portal provided by the Azure API Management service.

MIT License

486 stars 312 forks source link

Broken icons in the administrative interface in Safari 14 #981

Closed ilspiert closed 3 years ago

ilspiert commented 3 years ago

Bug description

In Safari 14 images are not displayed right in Developer Portal publish mode.

Reproduction steps

Open a Developer Portal in publish modus on a Mac with Safari 14
See error

Expected behavior

See images as in other browsers.

Is your portal managed or self-hosted?

Managed

Release tag or commit SHA (if using self-hosted version)

latest possible publish

API Management service name

any

Environment

Operating system: Mac OS Catalina 10.15.7 (19H2)
Browser: Safari
Version: 14

Additional context

Add any other context about the problem here, including screenshots.

mikebudzynski commented 3 years ago

@ilspiert, we couldn't reproduce this issue.

Are you hitting this problem every time or was it just a one-off case?
If you use browser extensions, could you first disable them all and retry accessing the portal?
Does the interface render correctly in other browsers on your device?

azaslonov commented 3 years ago

Hi @ilspiert, we tried versions 14 and 13.1, all looks good. I wonder if there is something else. Besides what Mike has suggested, I would look into the browser's Network traces and see if the font gets blocked there and with what error.

ilspiert commented 3 years ago

Hi @azaslonov, @mikebudzynski,

here my feedback:

The issue is permanent in that constellation. Even with different internet connections.
No, I have no extensions installed
The interface is fine, only these Icons are not visible

Additional information:

On the same system, same internet connection with an Edge (latest) everything works fine.
I tried to make an isolated call (https://XXX.developer.azure-api.net/signin-sso?token=XXX) in a separate tab with Network logging with the debug tools and found an interesting thing: On safari the second "load" of the paperbits.css is with "Status: 304 Not Modified, Source: Memory Cache". On Edge that css files will be loaded again completely. That behaviour results in that on Safari the two fonts paperbits and open sans are missing - cause of the second missing reload of the css.

I will send you the network logs privately. Hope that helps to fix that.

azaslonov commented 3 years ago

Hi @ilspiert, I don't believe we received those logs from you. Have you had a chance to send them? Or, if you did, can you please re-send?

ilspiert commented 3 years ago

@azaslonov: I've just resend you the mail to your gmail mail address. eventually you need to check the spam folder as well. looking forward to your feedback.

azaslonov commented 3 years ago

Looks like related to backend caching. Please use #939 for tracking. Closing this one.