Would be solved if you don't render {{ form_errors(attraction.surroundings) }} yourself right?

Otherwise, why cant you disable the errors in the label by overriding its block: {% block form_label_errors %}

{% form_theme form _self %}

{% block form_label_errors %}
{% endblock %}

{{ your form }}

no?

The Bootstrap 4 theme renders errors inside form_label, for accessibility reasons. Rendering them manually outside it is the reason why you have them rendered twice.

If we can not render error on our own then this thing is against this document Customize Form Rendering

And if I am just using
{{ form_row(attraction.surroundings) }}

Then out looks like this:
Error rendering in label and pushing widget down.

the page you link has a note about reading more on the BS 4 theme, and that page tells you about the fact that errors are rendered inside the label: https://symfony.com/doc/current/form/bootstrap4.html#labels-and-errors

@javiereguiluz would it make sense to add a dedicated note in the Customize Form Rendering page about that ?

@stof I am perfectly fine what you said but the thing is that the page layout is broken as you can see in the image I attached.

I am closing here as this is the expected behaviour (though currently being discussed in #28086).

guess i'm late but @jawadmjn is right @xabbuh

this does not work as expected. as it's written in the docs (https://symfony.com/doc/current/form/form_customization.html) the form_errors(...) should display the input fields' errors. BUT as it is right now, the whole form_errors(...) are getting appended in the form_label(...) and this does not match with the illustrated diagram in the docs. the form_label(...) responsibility should be to render the label only.

the provided code sample in the docs would be also wrong as it ouputs the errors twice:

<div class="form-control">
    <i class="fa fa-calendar"></i> {{ form_label(form.dueDate) }}
    {{ form_widget(form.dueDate) }}

    <small>{{ form_help(form.dueDate) }}</small>

    <div class="form-error">
        {{ form_errors(form.dueDate) }}
    </div>
</div>```

It looks like symfony/symfony-docs#13685 will clarify that.

Now online at https://symfony.com/doc/4.4/form/form_customization.html#form-errors-form-view