Project

General

Profile

Actions
Copy link

Feature #77069

closed

Input fields "jump" when focusing or blurring input fields

Added by Robert Vock over 8 years ago. Updated about 6 years ago.

Status:
Closed
Priority:
Should have
Assignee:
Jasmina Ließmann
Category:
Backend User Interface
Target version:
-
Start date:
2016-07-12
Due date:
% Done:

100%

Estimated time:
PHP Version:
7.0
Tags:
JavaScript
Complexity:
Sprint Focus:
On Location Sprint

Description

When focusing an input field in the backend, an info appears how many chars are allowed. This info will disappear when the field loses focus. This results in "jumping" of the following fields, which makes it harder to click on the correct field. See screencast for example.

Google has a nice solution in material design:
https://material.google.com/components/text-fields.html#text-fields-required-fields

The space for the help or error text is reserved. The fields always stay at the same position

Files

Jumping-Input-Fields.mov (196 KB) Jumping-Input-Fields.mov Robert Vock, 2016-07-12 17:56

Related issues 2 (0 open — 2 closed)

Related to TYPO3 Core - Bug #78863: UX issue with the remaining chars labelClosed2016-12-02

Actions
Related to TYPO3 Core - Bug #81447: Avoid jumping of form fields when focusingClosed2017-06-03

Actions
Actions
Copy link

Also available in: Atom PDF