revealjs: .fragment divs within lists - howto avoid vertical space?

[r-cheologist]

Description

Consider a slide like so:

---
format:
  revealjs
---

# Slide Title
1. Item 1

::: {.fragment .fade-out}
2. Item 2
3. Item 3
:::

This will work to the extend that after quarto render the resulting *.html will a) contain an ordered list and b) items 2 and 3 will fade out on moving through the presentation, but the empty line prior to the div invocation is required for it to work and introduces more vertical white space between items 1 and 2.

How may the aditional white space be avoided?

[mcanouil]

You can't, or at least not this way.

The following are two correct syntaxes for two different things as described in the documentation (https://pandoc.org/chunkedhtml-demo/8.7-lists.html).

Spaced	Compact
1. Item 1 2. Item 2 3. Item 3	1. Item 1 2. Item 2 3. Item 3

See the answer in:

• Fragments in 2-level bullet list (non-standard) #1459

Also a bit related:

• Add Fade In and Out of an Elements Linked / Synched to Appearance of An Item in `{.incremental}` List #3293

[r-cheologist]

Thanks for those hints! The "hacky" explicit wrapping of the whole list into <ul>...</ul>as proposed in #1459 works for me.