Project

General

Profile

Actions

Bug #103597

open

Too much Text breaks Layout in form Editor

Added by Maik Hagenbruch 7 months ago. Updated about 1 month ago.

Status:
Under Review
Priority:
Should have
Assignee:
-
Category:
Form Framework
Target version:
-
Start date:
2024-04-11
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
12
PHP Version:
Tags:
form
Complexity:
Is Regression:
Sprint Focus:

Description

I have the linked checkbox ext installed and added a lot of text to the label.

The text is not shortended in the form element view so its overflows the whole area.
(See the screenshot)


Files

Screenshot 2024-05-12 alle 21.05.04.png (73.4 KB) Screenshot 2024-05-12 alle 21.05.04.png Riccardo De Contardi, 2024-05-12 19:05
Actions #1

Updated by Stefan Bürk 7 months ago

  • Status changed from New to Needs Feedback

Have you checked the behaviour with a lot of label text
without that extension or other extensions extending the
EXT:form ? Maybe it is introduced by some template overrides
not covering core changes ?

Can you test/verify that and add a note/additional screenshot
if it is a pure core issue ?

Actions #2

Updated by Riccardo De Contardi 6 months ago

This is a pure Core issue as far as I can see; it is reproducible on latest main (13.2.0-dev) with

1) Create a form
2) Add an input field
3) Use as name a very long text like a full "lorem ipsum" paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Result: see attached screenshot

The issue is a result of the width and the absolute positioning of the < div class="element-label"> element; I guess that an approach based on display:flex could help here.

Actions #3

Updated by Maik Hagenbruch 6 months ago

  • File deleted (Bildschirmfoto 2024-04-11 um 09.21.35.png)
Actions #4

Updated by Georg Ringer 5 months ago

  • Subject changed from To much Text breaks Layout in form Editor to Too much Text breaks Layout in form Editor
Actions #5

Updated by Gerrit Code Review 5 months ago

  • Status changed from New to Under Review

Patch set 1 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/85157

Actions #6

Updated by Gerrit Code Review about 1 month ago

Patch set 2 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/85157

Actions

Also available in: Atom PDF