Sub-tasks in tasks lists are not correctly identified by Obsidian

[ChezFrancois]

The entire code is shared in this post:

Typora like custom CSS

Leveraging several proposals to tweak Obsidian and make it behave as nearly as possible from Typora in the edition mode, I came to the following CSS snippet that works wonderfully well, yet staying simple. Use it at your leisure: /* inline formatting, link targets and [[ ]] disappears if not active line*/ div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting, div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-string.cm-url, div:not(.CodeMirror-activeline)>.CodeMirror-line s…

The part related to tasks is hereunder:
/* Checkboxes instead of brackets in edit mode */
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-task.cm-meta,
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-task.cm-property {
color: transparent;
position: relative;
display: inline !important;
margin-right: -0.1rem;
}

div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-task.cm-meta:after,
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-task.cm-property:after {
content: “○”;
position: absolute;
top: 3px;
left: 0px;
color: rgb(219, 95, 12);
font-size: 18px;
}
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-task.cm-property:after {
content: “✓”;
color: rgb(124, 131, 124) !important;
}
span.cm-formatting-task.cm-property ~ span {
text-decoration: line-through;
color: rgb(124, 131, 124) !important;
}