visibility of lines in a 'list-table' changes with window size (Firefox)

[rodrigo-j-goncalves]

Description

Quarto 1.8.24
Ubuntu 24.04.3 LTS

I noticed that some rows of my 'list-table'-produced table were apparently 'fused together'. After spending some time trying to figure out my mistake, I discovered that it (randomly?) depends on the window size: sometimes the line that divides two consecutive rows might dissapear.

In the attached example, by changing the window size (Firefox 144.0 (64-bit)), lines appear or dissapear.

In Google Chrome (Version 141.0.7390.107 (Official Build) (64-bit)) it works fine.

MRE (and different outputs depending on window size):

---
format: revealjs
filters:
  - list-table

embed-resources: true
---
_________________________________________________
## This is a 'list-table'

:::{.list-table header-rows=0 }

* - $a$
  - Some text for this row. Some text for this row. Some text for this row. Some text for this row. 

* - $b$
  - Some text for this row. Some text for this row. 

* - $c$
  - Some text for this row. Some text for this row. Some text for this row. Some text for this row. 

* - $d$
  - Some text for this row. Some text for this row. 

* - $e$
  - Some text for this row. Some text for this row. Some text for this row. Some text for this row. 

:::

[mcanouil]

Accessibility: To improve accessibility, please add alternative text to your screenshots. This helps all users, including those using screen readers, to understand the context of the images. A brief description can make a big difference! See Good Alt Text, Bad Alt Text — Making Your Content Perceivable.

[rodrigo-j-goncalves]

Thanks for the reminder, I edited the original post.

[mcanouil]

Did you inspect the HTML/CSS using the "inspect"/"developer" mode of your browser?
You seemed to imply this only happen with Firefox, if so it's going to be hard to solve as it might be a Firefox problem.

[rodrigo-j-goncalves]

Did you inspect the HTML/CSS using the "inspect"/"developer" mode of your browser?

I'm not sure what to look for.

You seemed to imply this only happen with Firefox, if so it's going to be hard to solve as it might be a Firefox problem.

Sure. That's why I post this in Q&A. I do not expect this to be fixed by Quarto team (or maybe there is something that can be done, which would not be possible if this behavior is not mentioned/detected first). I spent some time changing the markdown back and forth because I thought it was something with my code, but apparently it is not. So this post is also to let people know in case someone observes the same behavior.

Thanks!

[mcanouil]

I'm not sure what to look for.

CSS rules changing in the inspect panel, classes being added in the rows of the HTMl, etc.

You seemed to imply this only happen with Firefox, if so it's going to be hard to solve as it might be a Firefox problem.

Sure. That's why I post this in Q&A. I do not expect this to be fixed by Quarto team (or maybe there is something that can be done, which would not be possible if this behavior is not mentioned/detected first). I spent some time changing the markdown back and forth because I thought it was something with my code, but apparently it is not. So this post is also to let people know in case someone observes the same behavior.

I meant, did you try another browser to check whether or not it was specific? (e.g., Chrome or any chromium-based browser)

[rodrigo-j-goncalves]

I conducted additional testing with two more browsers. The problem is present in

• Firefox (144.0, 64-bit)
• LibreWolf (144.0-1)

It works well with

• Google Chrome (Version 141.0.7390.107 (Official Build) (64-bit))
• Chromium Version 141.0.7390.54 (Official Build) snap (64-bit)