[Bug Report] Datatable expand and then collapse causes table row rendering issue on XS only

[bRUCE-2]

Environment

Vuetify Version: 2.2.26
Vue Version: 2.6.11
Browsers: Safari
OS: iOS, Mac OSX

Steps to reproduce

1. Create datatable as in codepen above
2. View datatable in XS viewport
3. expand row
4. collapse row

Expected Behavior

Datatable should show rows in XS form

Actual Behavior

Datatable rendering breaks. It seems as if subsequent rows are then added/grouped in the first row. The datatable renders correct before expanding and collapsing

Reproduction Link

https://codepen.io/batwork/pen/wvKpQRv?editable=true&editors=101%3Dhttps%3A%2F%2Fvuetifyjs.com%2Fen%2Fcomponents%2Fdata-tables%2F

Other comments

You can reach me on discord at bRUCE2#6180 for any questions

[azollai]

The issue is still there.
Workaround for now:

  @media #{map-get($display-breakpoints, 'xs-only')} {
    tbody {
      display: flex;
      flex-direction: column;
    }
  }