Bullets not displaying properly in form labels #8002
Labels
Affects: 4.0.0
Affects: 4.0.1
Affects: 4.1.0
Affects: 4.1.1
Affects: 4.1.2
Affects: 4.2.0
Affects: 4.2.1
Affects: 4.2.2
Affects: 4.2.3
Affects: 4.2.4
Affects: 4.3.0
Affects: 4.3.1
Affects: 4.3.2
Affects: 4.4.0
Affects: 4.4.1
Affects: 4.4.2
Affects: 4.5.0
Affects: 4.5.1
Affects: 4.5.2
Enketo
Affects Enketo forms
Type: Bug
Fix something that isn't working as intended
Milestone
Describe the bug
In
3.x
versions of the CHT you could simulate a bulleted list in a form label (e.g. anote
) by using-
or*
. Now, in4.x
, after #6345, the bullets are no longer properly displayed in the label.To Reproduce
Steps to reproduce the behavior:
Expected behavior
On
3.x
, the note looks like this:Actual behavior
On
4.x
, though, it looks like this:(Note that the middle block "works" because the
–
character is not valid markdown syntax for a bullet point....)Additional context
The problem is that in
3.x
the markdown processing was basic and did not support bullet points. So, these notes were evaluated as simple text and the bullet characters are preserved in the text.On
4.x
, the markdown processing is more advanced and can detect the bullet points in the question labels. It then converts the bullets to unordered lists (<ul>
). The problem is that the CSS style that ends up getting computed for those unordered lists islist-style: none
. So, the end result is that the unordered lists are displayed in the labels without any bullet points.I think we probably just need to tweak the CSS for these unordered lists to be
list-style: inside;
(This change was first noted by @binokaryg (and team) when upgrading a project's config to work with CHT
4.x
.)The text was updated successfully, but these errors were encountered: