Skip to content

Edit icon overflows RTE container when text line is too long #5934

@AlexVelezLl

Description

@AlexVelezLl

This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Observed behavior

When the question field's Rich Text Editor (RTE) contains a long, unbroken line of text (no spaces or word-wrap opportunities), the edit (pencil) icon overflows outside the right boundary of the RTE container and renders floating to the right of it.

Image

Expected behavior

The edit icon should not escape the RTE container when content overflows. The correct behavior is TBD — either the icon floats on top of the content (with a background) or remains fully contained within the box — but in either case it should not render outside the container boundary.

User-facing consequences

Content creators building exercises in Studio see a broken layout when entering long, unbroken text in a question field — the edit icon renders outside the RTE container, making the assessment editor look visually incorrect.

Steps to reproduce

  1. Create a new exercise node in Studio.
  2. Add a question.
  3. In the question field, type a long string of text with no spaces or word breaks (e.g., TestestestTestestest... repeated many times).
  4. Observe that the edit (pencil) icon overflows outside the right boundary of the RTE container.

AI usage

Used Claude to help draft this issue from a description and screenshot. Reviewed and confirmed all sections for accuracy.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions