CvDataTable shows batch actions if table is empty

[dovius]

Detailed description

Describe in detail the issue you're having.

CvDataTable displays batch actions even when the table is initially loaded empty. This behavior is unexpected as batch actions should not be visible unless there are items in the table.

Is this a feature request (new component, new icon), a bug, or a general issue?

A bug.

Is this issue related to a specific component?

Yes, it is related to the CvDataTable component.

What did you expect to happen? What happened instead? What would you like to see changed?

I expected batch actions to be hidden when the table is empty on initial load. Instead, they are visible. I would like the batch actions to remain hidden until there are items in the table.

What browser are you working in?

Chrome

What version of the Carbon Design System are you using?

3.0.18

Steps to reproduce the issue

1. Load the CvDataTable component with batch actions and an empty data set.
2. Observe that the header checkbox is marked and batch actions are visible.
3. Expect batch actions to be hidden when the table is initially empty.

Additional information

The bug was introduced with this change: https://github.com/carbon-design-system/carbon-components-vue/commit/64cbe0c98c0d44375878eb8d478c6bafedd2215a#diff-4bd776d0344e699940e456c98121387ab65c6e4c80ba33960140e926ab309673L582

[igorgrv1]

Hi team, any update on this? Having the same issue...

It seems downgrading the version to 3.0.14 indeed fix the problem

[davidnixon]

Yep, definitely a bug and a regression. I added a workaround to the hello app. There the batch actions are added via the slot so, as a workaround, I tweaked the slot to add a " v-if=" like this:

          <template v-if="filteredFish.length > 0" #batch-actions>
            <cv-button :icon="hideIcon" @click="onHideSelected">{{
              t("hide")
            }}</cv-button>
          </template>

I'll queue up a fix asap

[davidnixon]

@dovius @igorgrv1 carbon-vue-3.0.20-5c2d7.tgz

Give this one a try if you can

npm i carbon-vue-3.0.20-5c2d7.tgz