Columns right after list isn't displayed properly for Reveal.js

Discussed in https://github.com/quarto-dev/quarto-cli/discussions/9951

^{Originally posted by snhansen June 11, 2024}

---
format: revealjs
---

## Title

Here's a list

* Item 1
* Item 2

:::: {.columns}

::: {.column}
Left column
:::

::: {.column}
Right column
:::

::::

From @cderv:

I believe this our Quarto CSS here.

https://github.com/quarto-dev/quarto-cli/blob/974eba9aff5db8a17e9b45b457c6db3bfc0e34a8/src/resources/formats/html/_quarto-rules.scss#L642-L655

The display: initial here could be something causing this. Removing seems to solve as display: flex will be used.

I believe this has been done because Pandoc did this change

• HTML writer: revert to using width property for column widths jgm/pandoc#8237

and it seems there were breakage report which lead JJ to revert to initial.

We would need to find the other example that don't work if we remove this initial value

Workaround:

---
format: revealjs
---

## Title

::: {#top-content}
Here's a list

* Item 1
* Item 2
:::

:::: {.columns}

::: {.column width=50%}
Left column
:::

::: {.column width=50%}
Right column
:::

::::