Skip to content

Longer texts overflows when no spaces added #159

@hibasalem

Description

@hibasalem

Environment

all

Reproduction

  schema: {
        text_1: {
          type: 'ext',
          label: 'LongLabelLongLabelLongLabelLongLabelLongLabelLongLabelLongLabelLongLabelLongLabelLongLabel',
        },
        checkbox: {
          type: 'checkbox',
          text: 'longtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtext',
        },
        html_1: {
          type: 'static',
          content: 'contentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontentcontent',
        },
        text_1: {
          type: 'text',
          before: 'beforebeforebeforebeforebeforebeforebeforebeforebeforebeforebefor',
          between: 'betweenbetweenbetweenbetweenbetweenbetweenbetweenbetweenbetweenbetweenbetweenbetween',
          after: 'afterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafterafter',
          description: 'DescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescription'
        }
      }

Describe the bug

Adding a long text without spaces on any of the input fields ( label text before between after descrtipion content ... ) leads to text overflowing out of the form preview

Image

expected: text should break to remain inside the form preview

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions