Font size does not work properly with lists.

Created on 3 October 2024, about 2 months ago

Problem/Motivation

Font size does not work properly with lists. The style attribute is added to the span tags and should be on the list element, as the markers now do not resize according to the font size.

Steps to reproduce

  1. Create a new content item or edit an existing one.
  2. Add a list (either ordered or unordered) inside a text field.
  3. Apply custom font sizing to the text, such as increasing the font size of the list items.
  4. Inspect the resulting HTML output:
    • Font size styling is applied to individual <span> elements inside the list items.
    • The list markers (e.g., bullets or numbers) do not scale according to the text size, leading to a misalignment or mismatch in size.

Proposed resolution

  • Instead of applying font-size styles to the tags inside the list items, apply the font size to the parent list element (<ul> or <ol>).
  • This ensures that both the text and list markers scale proportionally and maintain visual consistency.
🐛 Bug report
Status

Active

Version

1.2

Component

Code

Created by

🇵🇱Poland bronismateusz

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024