Validating input group

[LocalHeroPro]

Subject of the issue

When validating input group with Bootstrap 5, span is split to new line.

Your environment

• version of this package: 4.5.1
• version of Laravel: 8.67.0

Steps to reproduce

https://getbootstrap.com/docs/5.1/forms/input-group/

1. make form

<div class="input-group mb-3">
  <input id="user_group-email" type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
  <span class="input-group-text" id="basic-addon2">@example.com</span>
</div>

2. click validate
3. we get that

<div id="user_group-email-error" class="invalid-feedback">Some validation message</div>

between input and span against on end .input-group.

Expected behaviour

Validation message have to go on end of .input-group class.

Actual behaviour

Validation message go after input, but before span.
Before validation

After validation

[bytestream]

You would need to tweak the errorPlacement in https://github.com/proengsoft/laravel-jsvalidation/blob/master/resources/views/bootstrap5.php#L9. See https://jqueryvalidation.org/validate for docs.

I'm not a fan of the existing views. They only act as a starting point. They cannot account for all the different ways users structure HTML, even when a framework is used. In nearly every eventuality the default view will need to be tweaked.

[mankowitz]

In the bootstrap4 view, this was addressed. Would it make sense to copy that part? A quick fix is to set

'view' => 'jsvalidation::bootstrap4',

in config/jsvalidation.php.

@bytestream - If I made a PR to include that code into bootstrap5.php, would you accept it?

[bytestream]

@mankowitz I'm not sure what fix you're referring to in bootstrap4, but sure :)

[stale]

This issue/proposal has been automatically marked as idle and stale because it hasn't had any recent activity. It will be automatically closed if no further activity occurs. If you think this is wrong, or the problem still persists, just pop a reply in the comments and one of the maintainers will (try!) to follow up. Thank you for contributing :)

[LocalHeroPro]

I think "issue" still exists:
before:

after: