Reading mode is not working properly

[charles-prof]

MDN URL

https://developer.mozilla.org/en-US/docs/MDN/Community/Issues

What specific section or headline is this issue about?

reading mode does not work properly

What information was incorrect, unhelpful, or incomplete?

Web assembly introduction page is not showing up properly in reading mode.

https://developer.mozilla.org/en-US/docs/WebAssembly

What did you expect to see?

properly formatted text (webpage) for reading

Do you have any supporting links, references, or citations?

no

Do you have anything more you want to share?

This is a simple issue. reporting for first time is overwhelming.

Additional question forum link or community chat link would be helpful to easily ask what this (what I see or experience in this web app) means

because of the doubt whether it is a firefox bug to be reported in bugzilla or here.

even a mail support is good for asking

MDN metadata

Page report details

• Folder: en-us/mdn/community/issues
• MDN URL: https://developer.mozilla.org/en-US/docs/MDN/Community/Issues
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/mdn/community/issues/index.md
• Last commit: mdn/content@6d83d1a
• Document last modified: 2022-11-10T15:17:18.000Z

[caugner]

Hi @charles-prof, thank you for taking the time to report this issue. 👋

This is similar to #5358, but much worse, because the most important content sections of the page (namely the introduction, among others) are omitted in the Firefox Reader View.

As mentioned in this comment:

The Firefox team pointed me to https://github.com/mozilla/readability/blob/master/Readability.js, which is the underlying implementation that decides what elements to show.

What may be happening here is that the high number of <dl>/<dt>/<dd> elements causes the Firefox Reader View to give that section's ancestors such a low content score (see here) that the comparatively few text in the sections above don't increase it enough (see here), and so other nodes are picked instead.

I'm not sure there is much that we can do, but it's definitely worth opening an issue in https://github.com/mozilla/readability/, referencing this issue. 🙏

[caugner]

FWIW Safari Reader View does not have this issue:

[caugner]

Chrome Reader Mode (behind a flag) is not affected either:

[charles-prof]

I'm not sure there is much that we can do, but it's definitely worth opening an issue in https://github.com/mozilla/readability/, referencing this issue. 🙏

Thanks for pointing me in the right direction.

As I was trying to inspect the console before reporting. The page rendered correctly in reader mode.

I checked the console. ( i turned off vue.js devtools to check if extension is making this but thst's not the case)

Layout is forced before page loading. - This is making the content unreadable but if i hit f5 to refresh the page, the content loads correctly.

This only affects the initial loading when we hit f9 or entering reading mode using icon in address bar.

[caugner]

This only affects the initial loading when we hit f9 or entering reading mode using icon in address bar.

Good catch, I have now filed this as bug 1803192 in the Firefox bug tracker.

[caugner]

FWIW The issue has been reported in the Firefox Readability repository in December 2022.