Rendering issues in webpages (Firebase Docs) Topic is solved
Rendering issues in webpages (Firebase Docs)
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 .
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 .
Last edited by Kunagi7 on 2016-07-18, 21:00, edited 1 time in total.
Re: Weird web rendering on Firebase Docs
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!
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!
Re: Rendering issues in webpages (Firebase Docs)
Do not enable mse webm.. It has.. unexpected consequences. Set it back to it's default please.
Re: Rendering issues in webpages (Firebase Docs)
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.
The thing that happens on Firebase Docs also happens in anilist and webfont css imports are ignored.
-
- Lunatic
- Posts: 380
- Joined: 2015-06-13, 03:34
- Location: KY
Re: Rendering issues in webpages (Firebase Docs)
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.
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.
Re: Rendering issues in webpages (Firebase Docs)
Pale Moon shows the error in the Error Console:Kunagi7 wrote: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
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
Re: Rendering issues in webpages (Firebase Docs)
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:
This two messages are displayed on Error Console.
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; }
-
- Lunatic
- Posts: 380
- Joined: 2015-06-13, 03:34
- Location: KY
Re: Rendering issues in webpages (Firebase Docs)
The web developer tools aren't working yet in Tycho. How are you opening the web console?
Re: Rendering issues in webpages (Firebase Docs)
Errorconsole is not webconsole. You found it here:
You do not have the required permissions to view the files attached to this post.
Re: Rendering issues in webpages (Firebase Docs)
The Get more tools menu option links directly to Mozilla's Extensions Page... Should it be relinked to addons.palemoon.org?dark_moon wrote:Errorconsole is not webconsole. You found it here:
errorconsole.png
Re: Rendering issues in webpages (Firebase Docs)
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
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
-
- Pale Moon guru
- Posts: 35651
- Joined: 2011-08-28, 17:27
- Location: Motala, SE
Re: Rendering issues in webpages (Firebase Docs)
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.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
Re: Rendering issues in webpages (Firebase Docs)
I will try to consolidate...
Ad CSS (https://firebase.google.com/docs/web/setup):
See attachments
1)
about:config:
See "Error Console - Warnings", e.g.:
2)
about:config:
See "Error Console - Errors", e.g.:
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>
1)
about:config:
Code: Select all
gfx.downloadable_fonts.woff2.enabled = false
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"); }
about:config:
Code: Select all
gfx.downloadable_fonts.woff2.enabled = true
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"); }
You do not have the required permissions to view the files attached to this post.
-
- Pale Moon guru
- Posts: 35651
- Joined: 2011-08-28, 17:27
- Location: Motala, SE
Re: Rendering issues in webpages (Firebase Docs)
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)
2)
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.table directory not correctly ordered
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
-
- Pale Moon guru
- Posts: 35651
- Joined: 2011-08-28, 17:27
- Location: Motala, SE
Re: Rendering issues in webpages (Firebase Docs)
OTS and woff code has been updated. this should be solved.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite