Missing feature is from

Bootstrap v5

Docs

https://getbootstrap.com/docs/5.3/forms/form-control/#file-input

Describe the missing feature

With just a standard<BFormFile> component it does not match bootstrap v5 at all.

The release notes also do not contain a notice that theBFormFile component was majorly rewritten because it was tagged as adocs change in its commit.

Standard Usage

BVN FormFile component (pre v0.41.0)

<BFormFilev-model="files" multiple />

<BFormFilev-model="files" :state="false" multiple />

BVN FormFile component (post v0.41.0)

<BFormFilev-model="files" multiple />

<BFormFilev-model="files" :state="false" multiple />

Bootstrap file input

https://getbootstrap.com/docs/5.3/forms/form-control/#file-input

Default<input type="file">

Invalid<input type="file">

Differences

1. The 'Browse' button should be on the left.
2. There should be click detection on both the 'browse' button and file drop handler.
3. There should be a default 'placeholder' value that matches Bootstrap V5 of 'No files selected.'
4. The button background colour does not match.
5. The buttons borders hide the state border.
6. The state icon is no longer displayed.
7. Previously it would inherit the styles of.input-group > .form-control which would mean it hasflex-grow: 1, this no longer applies so it does not get the full width it should in input groups.

Plain Usage

BVN Plain component

<BFormFilev-model="files" multiple plain />

Differences

It is completely unstyled.
This is because when plain it adds theform-control-file class even though it should beform-control

There's not even a way to override this asclass adds to the parent div and there's noinput-class.