Formatting issue with multi line cloze paints whole document blue

Card Design
1

In this cloze example for mobile and web

TDD cycle is Red Green Refactor, AKA
{{c1::Write failing test

}}

{{c2::Fix test}}

{{c3::Refactor}}

repeat

image
image1242×2688 193 KB

The blue color indicating the revealed close is unexpectedly painted over the whole tail of the document

Expected: the text “write failing test” should be blue
Actual: see screenshot. All text after the cloze is also blue

Removing the white space at the end of c1 fixes the issue

2

Are you adding the cloze deletions manually? It’s possible to create invalid HTML when doing that, but if I take the text

line 1

line 2
line 3

and make a cloze deletion on the first line, it displays correctly.

3

Thanks, makes sense.