1029249 - Staples.com checkout different on Firefox than Safari

Status: RESOLVED INCOMPLETE

(Core :: Layout, defect)

Description

[Eric Shepherd [:sheppy]]

Attempting to check-out a Staples.com order using Firefox does not work in Nightly as of today (I don't know for how long this goes on). I will attach screen shots showing the wildly different UX presented by the site. The Safari UX works; the Firefox UX does not function correctly. Clicking the "next step" button has no effect.

I've tried this repeatedly.

Also, there's assorted output on the console on Firefox:

"failed to load: /sbdpas/js/Certona/resxclsa.js
Status: error
HTTP Error: [Exception... "<no message>"  nsresult: "0x805e0006 (<unknown>)"  location: "JS frame :: https://assets.staples-static.com/NDM/sbdpas/20140618082411/js/librarybundle.js :: .send :: line 1"  data: no]" main.js:1
Use of captureEvents() is deprecated. To upgrade your code, use the DOM 2 addEventListener() method. For more help http://developer.mozilla.org/en/docs/DOM:element.addEventListener staplesbundle.js:1
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://assets.staples-static.com/NDM/sbdpas/20140618082411/css/webfonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff. This can be fixed by moving the resource to the same domain or enabling CORS. bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff
downloadable font: download failed (font-family: "HelveticaNeueLTStd-Roman" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: https://assets.staples-static.com/NDM/sbdpas/20140618082411/css/webfonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff main.css
Use of getPreventDefault() is deprecated.  Use defaultPrevented instead. librarybundle.js:1
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://assets.staples-static.com/NDM/sbdpas/20140618082411/css/webfonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff. This can be fixed by moving the resource to the same domain or enabling CORS. 530dee22-e3c1-4e9f-bf62-c31d510d9656.woff
downloadable font: download failed (font-family: "HelveticaNeueLTStd-Light" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: https://assets.staples-static.com/NDM/sbdpas/20140618082411/css/webfonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff main.css

Comment 1

[Eric Shepherd [:sheppy]]

Attachment: Checkout page as displayed by Safari

Comment 2

[Eric Shepherd [:sheppy]]

Attachment: Staples checkout in Firefox

Comment 3

[Eric Shepherd [:sheppy]]

Attachment: Actual Firefox screenshot

Comment 4

[Ian Neal]

Seems to work okay on Firefox 30 on Linux whilst still showing those errors in the console.

Comment 5

[Abe - QA (:Abe_LV)]

User Agent 	Mozilla/5.0 (X11; Linux x86_64; rv:46.0) Gecko/20100101 Firefox/46.0
Version 	46.0a1
Build ID 	20160107030235
Update Channel 	nightly

User Agent     Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:46.0) Gecko/20100101 Firefox/46.0
Version        46.0a1
Build ID       20160107030235
Update Channel nightly


Hi Eric,
Thank you for taking time to report this.
Are you still able to reproduce this in the latest version ? I cannot reproduce in the current version. Both safari and Firefox displays the same checkout page.

Comment 6

[Abe - QA (:Abe_LV)]

Attachment: staplescheckout.PNG

Screen copy of the checkout page is attached.

Comment 7

[Justin [:JW_SoftvisionQA]]

Closing this bug due to lack of response from the reporter.