Volt: DataTable: virtualscroller destroying layout on Firefox #8223
Description
Describe the bug
Table rows are incorrectly sized, causing the header to practically take up all visible space.
This happens in Firefox because it does not allow the sizing of a display table-row-group item. In styled Primevue this is fixed by setting the display to flex.
Pull Request Link
Reason for not contributing a PR
- Lack of time
- Unsure how to implement the fix/feature
- Difficulty understanding the codebase
- Other
Other Reason
No response
Reproducer
https://volt.primevue.org/datatable/#lazy_virtualscroll
Environment
Bug is present on wiki that is hosted, should be reproducible on any environment, as long as you have a DataTable with virtualscroller
Vue version
3.5.13
PrimeVue version
4.3.5
Node version
No response
Browser(s)
Firefox
Steps to reproduce the behavior
Inspect the virtualscroller, you notice that the header row is way too large.
Expected behavior
All rows should be correctly sized.
The bug happens in Firefox because it does not allow the sizing of a display table-row-group item. In styled Primevue this is fixed by setting the display to flex. Therefore the linked pull request also applies this flex display to the correct element.