Comments (10)
I have a similar (same?) issue, the page https://developer.mozilla.org/en-US is visible for a brief moment but then turns blank. The JS console showed something about updating and there was an error that sendBeacon didn't work. After I've switched on beacons by setting beacon.enabled
to true in Firefox' about:config
, it worked again. After then switching beacons off again, MDN continued to work. I have MDN plus, maybe that's relevant? Sorry, I don't have the exact error messages any more, but maybe that's useful nonetheless?
from yari.
Yep, that'll be it: we're trying to call sendBeacon
when it's undefined. I thought Babel would ensure we conditionally call it for older browsers anyway, I had no idea it was possible to toggle it on/off through browser config.
PR incoming, but if you hit this again before we deploy, clear your auth-cookie
to log off (or open MDN in a different container tab where you're not logged in) and the site will be usable.
from yari.
Resolved via #8089, which will land in about 6h.
from yari.
Funnily, it does partially render in the Response preview window
from yari.
Can't reproduce on my macOS Firefox 108.0.2 or Chrome 108.0.5359.124. But anyway it should be a platform issue
from yari.
Yeah, not seeing it on my PC. I'll try again later on the Mac to see if there is something that got cache poisoned, but it wasn't clearing with a hard refresh before
from yari.
went to look something up again on the mac again today and was still setting this with FF 109.
From the console
Content Security Policy: The page’s settings blocked the loading of a resource at data: (“media-src”).
TypeError: navigator.sendBeacon is not a function
v hooks.ts:153
React 3
_ scheduler.production.min.js:13
N scheduler.production.min.js:14
4034 scheduler.production.min.js:14
Webpack 12
react-dom.production.min.js:189:29
Uncaught TypeError: navigator.sendBeacon is not a function
v hooks.ts:153
React 3
_ scheduler.production.min.js:13
N scheduler.production.min.js:14
4034 scheduler.production.min.js:14
Webpack 12
hooks.ts:153:16
v hooks.ts:153
React 3
_ scheduler.production.min.js:13
N scheduler.production.min.js:14
(Async: EventHandlerNonNull)
4034 scheduler.production.min.js:14
Webpack 12
from yari.
Interesting note, that when I disabled JavaScript on the page, everything renders correctly, but when JS is allowed, it appears that React is blowing again the content and falling on its face
from yari.
@LeoMcA I cannot reproduce this, but the sendBeacon
call was introduced by your PR in #7940. Would you have any theory what's happening here?
from yari.
Thanks! :)
from yari.
Related Issues (20)
- "Home" and "End" keys don't work in the search bar HOT 3
- Loop redirection between two URLs HOT 4
- Trailing slash on void element HOT 4
- Title
- Horizontal overflow on the blog pages
- Search bar on https://developer.mozilla.org has no scroll bar and other issues HOT 3
- Excessive Header Size HOT 2
- Opening a specific section in a new tab or window, or from the address bar, doesn't scroll to that section HOT 8
- Add guide to CSS sidebar
- Add and fix Japanese translations in the `{{AvailableInWorkers}}` macro
- Search bar sometimes breaks when refocusing a tab with MDN
- Searching for `tilde` returns nothing HOT 1
- Add Korean translation of deprecated notice header
- Browser Compatibility Table uses wrong Firefox logo HOT 3
- Sidebar page icons do not display in zh-cn locale HOT 1
- Error not loading the original image when the locale translation markdown page does not exist
- Feature Request: Explain "Yes" in compatibility tables HOT 1
- Page URLs ending with .json don't show up HOT 3
- Search field is barely visible in mobile Safari
- Broken link to browser compatability section in API landing pages HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from yari.