Auto-Correcting Markup

I’m loving this tool, but had a quick question about the output.

I have:

<ul>
    <li>a list item <li>with a weirdly nested list item</li> and more text afterwards</li>
</ul>

Which renders to:

<ul>
    <li>a list item </li>
    <li>with a weirdly nested list item</li> and more text afterwards
</ul>

I’m trying to catch poorly structured markup like this using $(“li > li”).addClass(“attn”) so that it can be reviewed and fixed manually. Unfortunately, this auto-correction actually obscures the error and makes it harder to find.

Is this intentional behaviour?

[sholladay]

Hi @wahengchang if you are experiencing some kind of problem, it looks like a different issue.

Whereas the OP was hoping for a way to turn off Cheerio’s “auto-fixing” behavior that corrects invalid markup, your markup is already perfectly valid - I double checked by reading the spec and trying it in the W3C validator, just to be sure.

What problem are you having exactly? You should probably open a new issue for it, since this one is closed and therefor won’t receive much attention.

[MCTaylor17]

I understand I’m not the typical user. There probably aren’t many people using this for updating static HTML files from an LMS to comply with a11y.

This just struck me as a potential issue due to the loss of fidelity. There seems to be quite a bit of confusion surrounding nested lists, for instance, some people can’t decide between this:

<ul>
    <li>Level 1
        <ul>
            <li>Level 2</li>
        </ul>
    </li>
</ul>

this,

<ul>
    <li>Level 1
        <li>Level 2</li>
    </li>
</ul>

or this.

<ul>
    <li>Level 1</li>
    <ul>
        <li>Level 2</li>
    </ul>
</ul>

This type of error is common when Word docs are converted to HTML. Another similar issue with Word docs is stuff that looks like this:

<ul>
    <li>Level 1
        <ul>
            <li>
                <ul>
                    <li>
                        <ol>
                            <li>Styled for looks</li>
                            <li>Rather than content</li>
                        </ol>
                    </li>
                </ul>
            </li>
        </ul>
    <li>Level 1</li>
    <li>Level 1</li>
    </li>
</ul>

The nature of my work is finding and fixing markup. Reality is, garbage in, garbage out is all part of the job. A manual inspection is required regardless, so for me it’s not it’s not the biggest deal.

Overall, I’m quite happy with the utility of Cheerio and think it’s a great tool for the job!

Cheers,

Mike