Laravel.com broken on Pale Moon 33.8.0

[ajgelado]

Laravel.com is broken in Pale Moon. The front page shows several layers one on top of another, and the docs, the main reason I visit the site, have a broken contents panel overlapped with the content. Tested in a clean profile, in (currently) the most recent version of Pale Moon (33.8.0).

The console shows dozens of "x is not defined" and "unreachable code" errors and warnings. The full log is about 22 KB of text in 421 lines, and the site is publicly accessible anyway, so I guess it isn't convenient to past it here. Here are some of the most repeated entries in the log:

Code: Select all

TypeError: e.hidePopover is not a function
Alpine Expression Error: sideTabs is not defined
Alpine Expression Error: selected is not defined
ReferenceError: sideTabs is not defined
unreachable code after return statement

If I can do anything to help diagnose the problem, just tell me.

[vannilla]

hidePopover is https://developer.mozilla.org/en-US/doc ... idePopover which is part of https://developer.mozilla.org/en-US/doc ... opover_API
MDN says it was made available in Firefox 125 which was released about a year ago. Probably UXP doesn't have it implemented it yet because it was never used until recently.
Other errors and broken stuff likely are a consequence of that error, since it's the very first.
Additionally, the site uses the Alpine framework (https://alpinejs.dev/) which is most likely yet another piece of code aimed at Chrome and children.

[Moonchild]

Additionally, the site uses the Alpine framework (https://alpinejs.dev/) which is most likely yet another piece of code aimed at Chrome and children.

Alpine doesn't seem to be the problem.
https://alpinejs.dev/components has all its controls/components in live examples, and they all work fine in Pale Moon.

Probably UXP doesn't have it implemented it yet because it was never used until recently.

We most definitely don't have it. It's <dialog>-adjacent but I really don't understand why they want to offload this to the browser as a separate API.

[adoxa]

Here's a Modify HTTP Response filter to polyfill popover (just for docs, not other pages) and use overflow-y:hidden instead of clip (fixes the menu). There are other issues I didn't address (TailwindCSS using min, aspect-ratio & subgrid) as they don't seem to affect the docs.

Code: Select all

[["laravel.com",["/docs/",["<script","<script src=\"https://cdn.jsdelivr.net/npm/@oddbird/popover-polyfill@latest\" crossorigin=\"anonymous\" defer></script><script"]],["/app-.*\\.css$/",[":clip",":hidden"]]]]