Skip to content

using custom file input, .invalid-feedback not shown. #133

@martinhansen

Description

@martinhansen

When using a custom file input, errors on this field is now shown.

@b4.file(form("logo"), Symbol("id") -> "logo", Symbol("_label") -> "Logo", Symbol("placeholder") -> "Select File", Symbol("_custom") -> true, Symbol("accept") -> "image/*")

It looks like the .invalid-feedback div is placed next to the, .custom-file wrapper div, and not next to the input field (inside the custom wrapper div), and then bootstrap css is not applied.

When i move invalid-feedback div, into the wrapper div, everything is good. Also, when using non-custom, everything is also good.

Is there anything to do about this or should i just add some custome css to enable invalid-feedback while inside the .custom-file class?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions