Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed
bjorn3 opened this issue Jan 4, 2022 · 7 comments
Closed

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

bjorn3 opened this issue Jan 4, 2022 · 7 comments

Comments

@bjorn3
Copy link

bjorn3 commented Jan 4, 2022

image

The first | is visible in the dev tools, but doesn't render anything.
@jkelleyrtp
Copy link
Member

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

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

@bjorn3
Copy link
Author

bjorn3 commented Jan 5, 2022

No

image

@jkelleyrtp
Copy link
Member

jkelleyrtp commented Jan 5, 2022 •
edited

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

Screen Shot 2022-01-05 at 3 35 15 PM

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
Copy link
Author

bjorn3 commented Jan 6, 2022

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

@jkelleyrtp
Copy link
Member

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.

Screen Shot 2022-01-06 at 9 50 53 AM

@bjorn3
Copy link
Author

bjorn3 commented Jan 6, 2022

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
Copy link
Contributor

azzamsa commented Apr 21, 2022

I can confirm this.

Brave:

image

Firefox 99.0.1:

image

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@jkelleyrtp @bjorn3 @azzamsa