search

protonemedia / laravel-form-components

A set of Blade components to rapidly build forms with Tailwind CSS (v1.0 and v2.0) and Bootstrap 4/5. Supports validation, model binding, default values, translations, Laravel Livewire, includes default vendor styling and fully customizable!
https://protone.media/blog/laravel-form-components-to-rapidly-build-forms-with-tailwind-css-and-bootstrap-4
MIT License
814 stars 105 forks source link

Bootstrap 4 form-input error message in the wrong place #63

Closed ezmemoar closed 3 years ago

ezmemoar commented 3 years ago

When I tried to validate the input, form-input didn't show any error message. So, I checked up the HTML and it shows that the error message are placed outside the input-group class

<div class="input-group">
     <input/>
</div>

{!! $help ?? null !!}

@if($hasErrorAndShow($name))
     <x-form-errors :name="$name" />
@endif

which should be inside it, or more precisely placed below the input

<div class="input-group">
     <input/>

     {!! $help ?? null !!}

     @if($hasErrorAndShow($name))
          <x-form-errors :name="$name" />
     @endif
</div>
pascalbaljet commented 3 years ago

Fixed with #61

pascalbaljet commented 3 years ago

Fixed in v3.1.0.