Table component passing $attrs (such as ID) to pagination, instead of table div

[amandaporto]

Overview of the problem

Buefy version:0.9.3
Vuejs version: 2.6.12
OS/Browser: MacOs Catalina/ All browsers

Description

When passing an attribute, such as id to b-table, it gets tacked onto pagination, instead of the table div created by the component. I believe the issue lies here:

   <b-table-pagination
        v-bind="$attrs".  <<<<<<<<<<<<<<<
        :per-page="perPage"
        :paginated="paginated"
        :icon-pack="iconPack"
        :total="newDataTotal"
        :current-page.sync="newCurrentPage"
        @page-change="(event) => $emit('page-change', event)"
   >

Steps to reproduce

1 - add an ID or other attribute to b-table
2 - inspect the table with dev tools and notice the ID added is not on div class='b-table anymore, but instead in div class='top-level'`

Expected behavior

Similarly to how it was before the 0.9.0 upgrade, the ID passed to the b-table should be on the div surrounding the table, not the pagination div.

Actual behavior

Id is on pagination div.

[Minhyme]

I'm just wondering if this will be reverted back to the previous behavior or is this permanent?

[jtommy]

It's incorrect, it will be fixed

[ritdaw]

Any thoughts on a temporary workaround?

[thebrownfox]

Tried to give pass order to pagination via $attrs. Doesn't work as there's no binding inside table pagination.