Skip to content

Element name overflows the titlebar with no length cap #1521

Description

@SukuWc

Summary

The element name entered in the configuration panel is displayed in the top-right titlebar without any truncation or max-width constraint. A long name wraps onto a second line, pushing the element type label ((Button), (System), etc.) down and breaking the layout.

Steps to Reproduce

  1. Select any element on the grid (e.g. Element 0 Button)
  2. Click the Element Name input field in the configuration panel
  3. Type a name longer than ~35 characters (e.g. 64+ A's)
  4. Press Enter

Expected Behaviour

The element name in the titlebar should be truncated (truncate / overflow-hidden) so it stays on a single line and does not push adjacent content.

Actual Behaviour

The full name wraps onto a second line in the header, causing a visual layout break. Unicode characters and HTML-like strings (e.g. <script>) are rendered as plain text correctly — this is purely a display overflow issue, not a security concern.

Screenshot

The header shows:

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</script>éàü∞ (Button)

Environment

  • Grid Editor 1.6.7 development

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    Status
    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions