Rendering issues in webpages (Firebase Docs) Topic is solved

[Kunagi7]

Hello,
I've been testing palemoon 27 today and all my extensions work without an issue. But some weird things happen when I load the firebase documentation:
On Palemoon 26, Firefox, etc:

On Tycho:

The url:
https://firebase.google.com/docs/web/setup
Also,
I installed Firebug (since there's no devtools) and something funny happens when writing console.log :
TypeError: console.log is not a function
console.log("a")
Displayed userAgent:
"Mozilla/5.0 (X11; Linux x86_64; rv:45.9) Gecko/20100101 Goanna/3.0 Firefox/45.9 PaleMoon/27.0.0a1"
Feels like ie .

[Kunagi7]

Also, I've been trying to play some videos on youtube.
I had to enable mse in about:config since it was disabled by default, and this happens:

Config set:
media.mediasource.enabled;true
media.mediasource.mp4.enabled;true
media.mediasource.webm.enabled;true
media.mediasource.whitelist;true
After enabling these three:
media.fragmented-mp4.exposed;true
media.mediasource.webm.enabled;false
media.fragmented-mp4.ffmpeg.enabled;true
Test link: https://www.youtube.com/watch?v=fHXatavZzT4
Mime Type:
video/mp4; codecs="avc1.4d4020"
DASH:
yes (136/140)
It works!

[New Tobin Paradigm]

Do not enable mse webm.. It has.. unexpected consequences. Set it back to it's default please.

[Kunagi7]

I disabled mse webm when I wanted to try the mp4 one... I watched several videos and it worked fine though.
The thing that happens on Firebase Docs also happens in anilist and webfont css imports are ignored.

[adisib]

On Tycho alpha 1, the firebase page is loading the same as the first screenshot. It looks how it is supposed to for me.

I did get the same MDN page in two separate tabs and had it render differently in each tab; one had the text differently sized and possibly have a different font weight. I wasn't able to reproduce, but perhaps you are encountering something similar. I haven't encountered it again so I can't look into it.

[GMforker]

I've been testing palemoon 27 today and all my extensions work without an issue. But some weird things happen when I load the firebase documentation.
The url:
https://firebase.google.com/docs/web/setup

Pale Moon shows the error in the Error Console:

Code: Select all

Error: The stylesheet https://firebase.google.com/ was not loaded because its MIME type, "text/html", is not "text/css".
Source File: https://firebase.google.com/docs/web/setup
Line: 0

[Kunagi7]

It shows the same error...
Yesterday I tried to load anilist and some things failed... Trying at work:

Missing icons! anilist loads them using a font:

Code: Select all

Warning: downloadable font: no supported format found (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:3) source: (end of source list)
Source File: https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons
Line: 2, Column: 12
Source Code:
@font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: local("Material Icons"), local("MaterialIcons-Regular"), url("https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2") format("woff2"); }

Code: Select all

Warning: downloadable font: no supported format found (font-family: "Montserrat" style:normal weight:bold stretch:normal src index:2) source: (end of source list)
Source File: http://fonts.googleapis.com/css?family=Montserrat:400,700
Line: 10, Column: 12
Source Code:
@font-face {   font-family: "Montserrat";   font-style: normal;   font-weight: 700;   src: local("Montserrat-Bold"), url("http://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2") format("woff2");   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

This two messages are displayed on Error Console.

[adisib]

The web developer tools aren't working yet in Tycho. How are you opening the web console?

[dark_moon]

Errorconsole is not webconsole. You found it here:

errorconsole.png

[Kunagi7]

Errorconsole is not webconsole. You found it here:
errorconsole.png

The Get more tools menu option links directly to Mozilla's Extensions Page... Should it be relinked to addons.palemoon.org?

[Kunagi7]

It's time for yandex.ru:
What I expected:

What I got:

The image squares disappear after a few seconds one by one really fast. After a few reloads succeeds.
url: https://yandex.ru/images/search?text=%D ... 0%D1%8F%22

[Moonchild]

Note: because everyone is apparently dumping random sites in this thread there won't be anything i can look at because it's utter chaos.

[GMforker]

I will try to consolidate...

Ad CSS (https://firebase.google.com/docs/web/setup):

Code: Select all

<!DOCTYPE html>
<html class="devsite">
<head>
<base href="https://firebase.google.com/docs/web/setup"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons">
<link rel="stylesheet" href="https://firebase.google.com/_static/bd1d68766c/css/devsite-firebase-blue.css">
<!-- <link rel="stylesheet" href="https://firebase.google.com"> -->
<body>
<div>
<form id="top-search" method="GET" action="https://firebase.google.com/s/results/" class="devsite-search-form">
<div id="searchbox">
<input type="text" value="" class="devsite-search-field" placeholder="Search">
<div class="devsite-search-image material-icons"></div>
</form>
</div>
</body>
</html>

See attachments

1)

about:config:

Code: Select all

gfx.downloadable_fonts.woff2.enabled = false

See "Error Console - Warnings", e.g.:

Code: Select all

Warning: downloadable font: no supported format found (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:3) source: (end of source list)
Source File: https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons
Line: 2, Column: 12
Source Code:
@font-face {   font-family: "Material Icons";   font-style: normal;   font-weight: 400;   src: local("Material Icons"), local("MaterialIcons-Regular"), url("https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2") format("woff2"); }

2)

about:config:

Code: Select all

gfx.downloadable_fonts.woff2.enabled = true

See "Error Console - Errors", e.g.:

Code: Select all

Error: downloadable font: table directory not correctly ordered (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:2) source: https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2
Source File: https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons
Line: 2, Column: 12
Source Code:
@font-face {   font-family: "Material Icons";   font-style: normal;   font-weight: 400;   src: local("Material Icons"), local("MaterialIcons-Regular"), url("https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2") format("woff2"); }

Code: Select all

Error: downloadable font: rejected by sanitizer (font-family: "Material Icons" style:normal weight:normal stretch:normal src index:2) source: https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2
Source File: https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons
Line: 2, Column: 12
Source Code:
@font-face {   font-family: "Material Icons";   font-style: normal;   font-weight: 400;   src: local("Material Icons"), local("MaterialIcons-Regular"), url("https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2") format("woff2"); }

[Moonchild]

1) Pale Moon 26 doesn't support woff2. Google shouldn't try to feed us woff2 - I've already opened a bug at the google fonts project about the W3C parallel deployment requirement that Google should follow but doesn't.

2)

table directory not correctly ordered

This is a relatively recent change made by the Fonts WG removing this restriction on fonts with woff2. I'll just have to update the opentype sanitizer to reflect that.

[Moonchild]

OTS and woff code has been updated. this should be solved.

[Kunagi7]

Great