Some questions are indented in list

[rgaudin]

For some reason, there are questions that are indented in questions list (here on page 100)

https://dev.library.kiwix.org/stackoverflow_en_nopic_2021-08/questions_page=100

[IMayBeABitShy]

This seems to be caused by missing/faulty html escaping of the question excerpt in the list. The question in question (pun intended) starts with the following text:

I try to check a radio button with jQuery. Here's my code:

<form>
    <div id='type'>
        <input type='radio' id='radio_1' name='type' value='1' />
        <input type='radio' id='radio_2' name='type' value='2' />
        <input type='radio' id='radio_3' name='type' value='3' /> 
    </div>
</form>

The excerpt seems to end in such a way that the closing tag for the div (as well as the closing tag for the form) is cut off, resulting in the following HTML code:

<div class="summary">
        
        <h3><a href="./questions/5665915/how-to-check-a-radio-button-with-jquery" class="question-hyperlink">How to check a radio button with jQuery?</a></h3>
        <div class="excerpt">I try to check a radio button with jQuery. Here's my code:
<form>
    <div id='type'>
        <input type='radio' id='radio_1' name='type' value='1' />
        <input type='radio' id='radio_2' name='type' value='2' />
        <input type='radio'…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">

This causes the closing div tag that is supposed to close the div of the excerpt to instead close the div of the contained code. This leads to a cascade of div mismatches, which ultimately cause all following questions to become a child of said question. It also messes up the overall HTML structure of the page.

Proposed solution: Escape/bleach the question excerpt in sotoki/templates/question_list_item.html.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be now be reviewed manually. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be now be reviewed manually. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be now be reviewed manually. Thank you for your contributions.