Project

General

Profile

Actions

Feature #77069

closed

Input fields "jump" when focusing or blurring input fields

Added by Robert Vock almost 8 years ago. Updated over 5 years ago.

Status:
Closed
Priority:
Should have
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 open2 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

Also available in: Atom PDF