field--text.html.twig in Drupal 10

Theme override for a text field.

A 'clearfix' class is added, because 'text' fields have a 'format' property that allows a Text Format to be associated with the entered text, which then applies filtering on output. A common use case is to align images to the left or right, and without this 'clearfix' class, such aligned images may be rendered outside of the 'text' field formatter's boundaries, and hence overlap with other fields. By setting the 'clearfix' class on all 'text' fields, we prevent that.

See also

https://www.drupal.org/node/2358529

File

core/themes/olivero/templates/field/field--text.html.twig

{% extends "field.html.twig" %}
{#
/**
 * @file
 * Theme override for a text field.
 *
 * A 'clearfix' class is added, because 'text' fields have a 'format' property
 * that allows a Text Format to be associated with the entered text, which then
 * applies filtering on output. A common use case is to align images to the left
 * or right, and without this 'clearfix' class, such aligned images may be
 * rendered outside of the 'text' field formatter's boundaries, and hence
 * overlap with other fields. By setting the 'clearfix' class on all 'text'
 * fields, we prevent that.
 *
 * @see https://www.drupal.org/node/2358529
 *
 * @ingroup themeable
 */
#}
{% set attributes = attributes.addClass('clearfix') %}

Related topics

Theme system overview

Functions and templates for the user interface that themes can override.