Embedded Grafana Dashboard Blocked in Safari

  • What Grafana version and what operating system are you using?
    Grafana Version 8.1.5 and Operating System Mac OS 10.15.7 Catalina

  • What are you trying to achieve?
    Trying to embed Grafana Dashboard hosted on “mygrafanadasboard.xom” to the parent application hosted on “myapplication.xom”.

  • How are you trying to achieve it?
    Used Iframe in the parent application. Allow embedding is set to true and cookie same site is set to none. Used Keycloak as the IDP for the Single sign-on (SSO).

  • What happened?
    The dashboard is rendering brilliantly on almost all browsers except Safari. Dashboard renders when “Prevent Cross-Site Tracking” is Disabled.

  • What did you expect to happen?
    The dashboard should render irrespective of browsers.

  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.
    Grafana keeps looping back the login screen after successful authentication.
    A cookie store in safari is cleared of the session cookie.

  • Did you follow any online instructions? If so, what is the URL?
    Tired modifying Grafana’s Index and Error views to execute the Storage Access API provided by WebKit to get the document access to cookies.
    Updates to the Storage Access API | WebKit

It would help if there is a workaround for this issue.

Safari is the first major browser with this privacy feature. It will be added also to Chrome next year and then to the Firefox.

See Full Third-Party Cookie Blocking and More | WebKit
Option 1 is IMHO the best solution. I would say good luck with Keycloak hacking for that.

1 Like

Did you solve this Safari problem successfully ?