adrianhurt/play-bootstrap

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

Opened this issue · 1 comments

martinhansen commented

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?

cyrus07424 commented

I have same problem.
And same to #127 ?