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
| Field | Original Value | New Value |
|---|---|---|
| Epic Link | IGBF-1880 [ 17970 ] |
| Priority | Major [ 3 ] | Blocker [ 1 ] |
| Sprint | Spring 3 [ 212 ] |
| Assignee | Pranav Bhatia [ pbhatia1 ] |
| Status | To-Do [ 10305 ] | In Progress [ 3 ] |
| Attachment | screenshot-1.png [ 18648 ] |
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.
| Sprint | Spring 3 [ 212 ] | Spring 3, Spring 4 [ 212, 213 ] |
| Rank | Ranked higher |
| Summary | Nav bar and Footer are not visible when viewing Galaxy bridge page on Safari | Investigate: Nav bar and Footer are not visible when viewing Galaxy bridge page on Safari |
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
| Status | In Progress [ 3 ] | Needs 1st Level Review [ 10005 ] |
| Assignee | Pranav Bhatia [ pbhatia1 ] |
| Sprint | Spring 3, Spring 4 [ 212, 213 ] | Spring 3, Spring 4, Spring 5 [ 212, 213, 214 ] |
| Rank | Ranked higher |
| Assignee | Ann Loraine [ aloraine ] |
I don't see any problems with this change and I can see how it could correct the problem. Please submit PR when ready.
| Status | Needs 1st Level Review [ 10005 ] | First Level Review in Progress [ 10301 ] |
| Status | First Level Review in Progress [ 10301 ] | Ready for Pull Request [ 10304 ] |
| Assignee | Ann Loraine [ aloraine ] | Pranav Bhatia [ pbhatia1 ] |
| Status | Ready for Pull Request [ 10304 ] | Pull Request Submitted [ 10101 ] |
| Assignee | Pranav Bhatia [ pbhatia1 ] |
PR is merged.
| Status | Pull Request Submitted [ 10101 ] | Reviewing Pull Request [ 10303 ] |
| Status | Reviewing Pull Request [ 10303 ] | Merged Needs Testing [ 10002 ] |
New content is now deployed to bioviz.org. Ready for testing.
| Status | Merged Needs Testing [ 10002 ] | Post-merge Testing In Progress [ 10003 ] |
| Assignee | Paige Kulzer [ pkulzer ] |
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!
| Resolution | Done [ 10000 ] | |
| Status | Post-merge Testing In Progress [ 10003 ] | Closed [ 6 ] |
| Assignee | Paige Kulzer [ pkulzer ] | Pranav Bhatia [ pbhatia1 ] |
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