Fix li elements

[gorango]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)
• If applicable, I’ve added docs and tests

Description of changes

Currently, li elements are not interpreted as blocks, so ul and ol elements get parsed into a single line of text.

toText(h('ul', [h('li', 'Foxtrot'), h('li', 'Golf')]))

Running the above yields 'FoxtrotGolf' instead of 'Foxtrot\nGolf'.

This PR enables the expected behaviour.

[wooorm]

Should they be? I guess I get it. But weird that I didn't add it before. Could you check the source of the blockOrCaption list, what's with li's there?

[gorango]

The blockOrCaption list contains menu, ol, and ul, but not any references to li in there nor in other parts of code. Similarly, dl is listed along with its descendants dd and dt.

Should they be?

I think so. Running .innerText on a ul with lis produces forced line breaks in Chrome and Firefox.

[wooorm]

Hmm. Not sure. The URL above the list definitely shows that lis get a display: list-item. not block. And the place where blockOrCaption is used has the text from the spec that says “block-level or table caption”.

let node = document.createElement('ol');
let li1 = document.createElement('li');
let li2 = document.createElement('li');
li1.textContent = 'alpha';
li2.textContent = 'bravo';
node.appendChild(li1);
node.appendChild(li2);
console.log(node.innerText) // 'alphabravo'

edit: oh, if I append it to the DOM in between, it does add a \n

[wooorm]

OK, I confirmed that display: list-item is for this algo the same as block.

let node = document.createElement('ol');
let li1 = document.createElement('l-i');
let li2 = document.createElement('l-i');
li1.style.display = 'list-item' // w/o this line, it’s `alphabravo`; w/o this line, w/ `li1` as `li`, it’s also `alpha\nbravo`
li1.textContent = 'alpha';
li2.textContent = 'bravo';
node.appendChild(li1);
node.appendChild(li2);
document.body.appendChild(node);
console.log(node.innerText)

[wooorm]

Thanks Goran! Released!