cv-checkbox it is impossible to pass attribute name=""

[Skro11-ru]

This code

<cv-checkbox
    :label="'someLabel'"
    :value="'someValue'"
    name="someName"
>
</cv-checkbox>

generates the following HTML

<div class="cv-checkbox bx--checkbox-wrapper bx--form-item">
    <input type="checkbox"
           id="uid-c26932a9-2e22-45e1-a5ef-ce867a33254a"
           class="bx--checkbox"
           value="someValue"
    >
    <label
            for="uid-c26932a9-2e22-45e1-a5ef-ce867a33254a"
            class="bx--checkbox-label"
    >
        <span class="bx--checkbox-label-text"> someLabel </span>
    </label>
</div>

Thus, it is impossible to pass the name attribute to the cv-checkbox component, which is quite sad.
Is this a bug or am I doing something wrong?

[davidnixon]

That seems like it should work. Checking ...

[atleta]

The reason it doesn't work is because checkMixin (packages/core/src/mixins/check-mixin.js) defines name as a prop and cv-checkbox does not add it to the input field explicitly but uses v-bind="$attrs". However, $attrs only contains the attributes that are not defined as props (which name is) or in the emits option.

See

carbon-components-vue/packages/core/src/mixins/check-mixin.js

Line 9 in 13db02c

name: String,

and

carbon-components-vue/packages/core/src/components/cv-checkbox/cv-checkbox.vue

Line 9 in 13db02c

<input

It's interesting, because it seems that this bug has been there since the very first version of this compoments (March 2019) and it prevents submitting the value of the checkbox from a form.