|| in code blocks shown as | in firefox

bjorn3 commented 2 years ago

The first | is visible in the dev tools, but doesn't render anything.

jkelleyrtp commented 2 years ago

We use https://prismjs.com to render code.

Does the same issue occur for you on Prism's website?

bjorn3 commented 2 years ago

No

jkelleyrtp commented 2 years ago

I've tried to replicate this in FF 95.0.2 (64-bit) but can't. Perhaps a style is conflicting?

I might've also just inadvertently fixed it by tweaking something else. Can you check if you still get the issue? If not, we can close.

https://dioxuslabs.com/blog/introducing-dioxus/

bjorn3 commented 2 years ago

This is still an issue. I am using firefox developer edition 96.0b10 (64-bit) by the way.

jkelleyrtp commented 2 years ago

I downloaded FF 96.0b10 (64-bit) (macOS, M1) and still don't get the rendering bug.

I'm using an entirely fresh install with no plugins/extensions/darkmode enabled.

bjorn3 commented 2 years ago

Could it be that firefox uses a different font renderer on macOS versus Linux. Or maybe the following in the console is related?

Navigated to https://dioxuslabs.com/blog/introducing-dioxus/
This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”.
introducing-dioxus
GEThttps://dioxuslabs.com/blog/introducing-dioxus/src/darktheme.js
[HTTP/2 404 Not Found 24ms]

GEThttps://dioxuslabs.com/blog/introducing-dioxus/src/components/prism/prism.js
[HTTP/2 404 Not Found 24ms]

GEThttps://dioxuslabs.com/blog/introducing-dioxus/tailwind.css
[HTTP/2 404 Not Found 11ms]

Loading failed for the <script> with source “https://dioxuslabs.com/blog/introducing-dioxus/src/darktheme.js”. introducing-dioxus:32:1
Loading failed for the <script> with source “https://dioxuslabs.com/blog/introducing-dioxus/src/components/prism/prism.js”. introducing-dioxus:33:1
GEThttps://dioxuslabs.com/favicon.ico
[HTTP/2 404 Not Found 8ms]

Uncaught ReferenceError: Prism is not defined
    <anonymous> https://dioxuslabs.com/blog/introducing-dioxus/ line 1099 > injectedScript:1
    __wbg_appendChild_d318db34c4559916 https://dioxuslabs.com/index-ab1fef4e881bbb3b.js:1099
    handleError https://dioxuslabs.com/index-ab1fef4e881bbb3b.js:285
    __wbg_appendChild_d318db34c4559916 https://dioxuslabs.com/index-ab1fef4e881bbb3b.js:1098
    __wbg_adapter_46 https://dioxuslabs.com/index-ab1fef4e881bbb3b.js:267
    real https://dioxuslabs.com/index-ab1fef4e881bbb3b.js:199
    promise callback*init/imports.wbg.__wbg_then_2fcac196782070cc https://dioxuslabs.com/index-ab1fef4e881bbb3b.js:1059
    init https://dioxuslabs.com/index-ab1fef4e881bbb3b.js:1133
    async* https://dioxuslabs.com/blog/introducing-dioxus/:36
line 1099 > injectedScript:1:1

azzamsa commented 2 years ago

I can confirm this.

Brave:

Firefox 99.0.1:

DioxusLabs / docsite

|| in code blocks shown as | in firefox #12