Reading Mode in Chrome does include all page content

[MartinJJones]

What

A significant amount of content is not included when using Chrome's built-in Reading Mode on GOV.UK

How to reproduce

• In Google Chrome, click on the 3 dots in the top right corner of the window, select "More Tools" > "Reading mode"
• Visit one of the pages below:
  • https://www.gov.uk/browse/citizenship/charities-honours
  • https://www.gov.uk/set-up-business
  • https://www.gov.uk/learn-to-drive-a-car (need to click show all content)

You will notice that some of the content included on the page is missing from the Reading Mode panel.

Example screenshot showing missing list items

Note: When the viewport width is reduced, more/all content will appear in the Reading panel

[jon-kirwan]

Strange issue, perhaps a bug? I’ve encountered the same problem. Interestingly, when I opened both reading mode and DevTools together and refreshed the page, the list items appeared. However, as soon as I closed DevTools and refreshed the page again, the list items were hidden.

Also, I created a minimal test page, but the list items are still missing:

<main>
    <h1>Title</h1>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
</main>

I couldn’t find much information about this problem, but I did come across a logged issue on WordPress where someone described a very similar problem: WordPress/gutenberg#65536

Additionally, I checked https://www.gov.uk/set-up-business in Firefox Reader Mode. Interestingly, the "toggle reader view" icon doesn’t even appear for the test page (even though it does show up for pages on other sites, like those from BBC).