Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Footers not displaying properly in FF incognito #4737

Closed
daynss opened this issue Dec 17, 2020 · 4 comments
Closed

Footers not displaying properly in FF incognito #4737

daynss opened this issue Dec 17, 2020 · 4 comments
Assignees
@annawen1
Labels
adopter: Docs/KC used when component or pattern will be used by this adopter adopter support bug Something isn't working severity 2 Affects major functionality, has a workaround
Milestone
Sprint 21-01

Comments

@daynss
Copy link

daynss commented Dec 17, 2020

Detailed description

Footer components are not displaying properly in Firefox incognito window.
Default and Short footers are only black banners with languages dropdown, but no legal links.
Micro footer is not visible at all.

Please open your storybook in FF incognito to see this issue:
https://ibmdotcom-react.mybluemix.net/?path=/story/components-footer--default

Is this issue related to a specific component?
Footer

What browser are you working in?
Firefox - incognito window

What version of Carbon for IBM.com are you using?
1.13.0
1.14.0

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?
IBM Knowledge Center - IBM Docs - deadline 15th February

footer_issue_1
@daynss daynss added the bug Something isn't working label Dec 17, 2020
@RobertaJHahn RobertaJHahn added adopter support adopter: Docs/KC used when component or pattern will be used by this adopter labels Jan 5, 2021
@RobertaJHahn RobertaJHahn added this to the Sprint 21-01 milestone Jan 5, 2021
@RobertaJHahn RobertaJHahn added the severity 2 Affects major functionality, has a workaround label Jan 5, 2021
@kennylam
Copy link
Member

kennylam commented Jan 5, 2021

This occurs in non-incognito as well and seems to be caused by Firefox's tracking protections. All data loads correctly in ibm.com for both FF incognito and regular browsing. Possibly CORS or mixed content (http/https) causing the issue? Need to investigate further.

image

Disabling enhanced tracking will correctly load the translation data.

image

@annawen1 annawen1 assigned annawen1 and unassigned annawen1 Jan 6, 2021
@ljcarot
Copy link
Member

ljcarot commented Jan 7, 2021

@annawen1 We should involve Juan Leon. These are all urls coming from loading the tags via tealium. He should be aware that FF is blocking these. I'm abit surprised to see cloud.ibm.com in the list though. Do we know which of these is where we are loading the content for mh and footer?

@annawen1
Copy link
Member

annawen1 commented Jan 7, 2021

These are the links being blocked by FF's tracking protection:

Screen Shot 2021-01-07 at 9 02 47 AM

@annawen1
Copy link
Member

annawen1 commented Jan 7, 2021

@ljcarot we're loading data from an ibm.com url in the screenshot below, but it doesn't show up in that pop up above for some reason

Screen Shot 2021-01-07 at 9 08 39 AM

@annawen1 annawen1 self-assigned this Jan 7, 2021
@annawen1 annawen1 mentioned this issue Jan 7, 2021
Merged
kodiakhq bot pushed a commit that referenced this issue Jan 7, 2021
@annawen1
fix(Footer): swap out translation host default endpoint for FF (#4848)
38caaf9 
### Related Ticket(s)

Footers not displaying properly in FF incognito #4737

### Description

Firefox's private window has tracking protection enabled by default that blocks the ibm.com endpoint api calls so users don't see the footer or masthead populated when using the private window.

Solution is to swap the translation host from ibm.com to the akamai endpoint instead.

### Changelog

**Changed**

- set the default host for Locale and Translation api to akamai

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "package: styles": Carbon Expressive -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@annawen1 annawen1

Labels
adopter: Docs/KC used when component or pattern will be used by this adopter adopter support bug Something isn't working severity 2 Affects major functionality, has a workaround
Projects
None yet
Milestone
Sprint 21-01
Development

No branches or pull requests
8 participants
@kennylam @jeffchew @ljcarot @IgnacioBecerra @daynss @RobertaJHahn @annawen1 @andysherman2121