Details
-
Type:
Task
-
Status: Closed (View Workflow)
-
Priority:
Blocker
-
Resolution: Done
-
Affects Version/s: None
-
Fix Version/s: None
-
Labels:None
-
Story Points:2
-
Epic Link:
-
Sprint:Spring 3, Spring 4, Spring 5
Description
Navigation bar is not visible in Safari when directed to Bioviz from Galaxy following the below steps:
- Go to https://usegalaxy.org
- Click Data > Histories.
- Click Public Histories.
- Where it says "search histories", type: Open Galaxy files in Integrated Genome Browser
- Click on the search result, then click View.
- Click one of the file formats to be opened in IGB via the View in IGB link.
- Observe that the Nav bar and footer aren't visible. Try the same in Chrome and observe that they are visible.
I also observed that when we change the URL to HTTPS it is visible but not able to communicate with IGB to check the status of IGB. Investigate this issue and try to fix it.
Attachments
Issue Links
Activity
From the Safari Web Inspector Console, the error messages indicate that CORS (Cross-Origin Resource Sharing) issues are preventing your navbar from loading.
Most likely - The server at bioviz.org does not include the Access-Control-Allow-Origin header, which tells browsers it's safe to load resources from another origin.
Safari is stricter about enforcing CORS policies than Chrome, which might explain why it works on Chrome but not Safari.
See IGBF-2987 for additional details about issues we have experienced with CORS and Safari/Chrome in the past.
Thank you Nowlan Freese for the reminder about our many issues with Safari!
It sounds like maybe we need to modify BioViz.org's configuration to include the "Access-Control-Allow-Origin header" on the Galaxy bridge page, or possibly all the pages? Maybe that would fix the problem?
If not, then we could potentially detect when a user is visiting the page with Safari and display a message asking them to use a different browser.
Safari requires the page to be served over HTTP to communicate with the local Java IGB app. However, Apache was redirecting most HTTP requests to HTTPS, including menu.html and footer.html, causing CORS errors and preventing the navbar and footer from loading.
Fix:
Updated the Apache config to exclude menu.html and footer.html from HTTP-to-HTTPS redirection. This allows them to load over HTTP in Safari without triggering CORS errors, restoring the navbar and footer display on the Galaxy bridge page.
Link to commit - https://bitbucket.org/pranavbhatia1999/bioviz-playbooks/commits/a924579bdb6bff8e233e263445a5ea494cb84280
I don't see any problems with this change and I can see how it could correct the problem. Please submit PR when ready.
PR is merged.
New content is now deployed to bioviz.org. Ready for testing.
Tested on Mac using Safari web browser, the nav bar (+ support banner) and footer are now visible on the Galaxy bridge page. All elements on the nav bar and footer are clickable and working correctly. Closing this ticket!
Detailed instructions for opening Galaxy History files in IGB can be found in our GTN tutorial: https://training.galaxyproject.org/training-material/faqs/galaxy/visualisations_igb.html