Project

General

Profile

Actions

Task #98476

closed

Allow BE users to click anywhere in the textarea to activate input area

Added by Michael Schams about 2 years ago. Updated over 1 year ago.

Status:
Closed
Priority:
Should have
Category:
Backend User Interface
Target version:
Start date:
2022-09-30
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
12
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

For example the text area for TypoScript setup or constants (but other text area in the TYPO3 BE as well). Since TYPO3 v12.0.0-dev a BE users has to click on an existing code line to activate the text area for data entering. In the screenshot below, this is the area line 1 to line 5 (above the dashed line). If you click on the area below the dashed line, the text is not activated.


For text areas that only have a few lines, or even no lines at all, BE users have to aim in the right area of the field. From a usability perspective, and to increase productivity, it would be better if users could click anywhere in the lower area (below the dashed line in the screenshot) to activate the text area and position the cursor at the end of the code (last line).

I am under the impression that this is possible in current/previous versions of TYPO3, for example TYPO3 v11 LTS.


Files

issue.png (20.4 KB) issue.png Michael Schams, 2022-09-30 02:56
issue98476-2.png (13.3 KB) issue98476-2.png Michael Schams, 2023-04-11 22:21
issue98476-2.mp4 (953 KB) issue98476-2.mp4 Michael Schams, 2023-04-12 08:55
Actions #1

Updated by Georg Ringer about 2 years ago

  • Status changed from New to Accepted
  • Assignee set to Andreas Kienast
Actions #2

Updated by Georg Ringer about 2 years ago

  • Target version set to 12.1
Actions #3

Updated by Benni Mack almost 2 years ago

  • Target version changed from 12.1 to 12.2
Actions #4

Updated by Benni Mack almost 2 years ago

  • Target version changed from 12.2 to 12.3
Actions #5

Updated by Benni Mack over 1 year ago

  • Target version changed from 12.3 to 12 LTS
Actions #6

Updated by Andreas Kienast over 1 year ago

  • Status changed from Accepted to Needs Feedback

I cannot reproduce the issue with current main, is it perhaps solved already?

Actions #7

Updated by Michael Schams over 1 year ago

Re-tested in TYPO3 v12.3.0: same issue (dark text area).
Re-tested in TYPO3 v12.4.0-dev: working again (light text area).

Whatever change switched the editor from the dark mode back to the light mode seems to have addressed the "click-area issue".

Actions #8

Updated by Andreas Kienast over 1 year ago

That's interesting. First I assumed it's a bug in the dark theme of CodeMirror, but I cannot reproduce it there either. Can you please let me know which browser on which operating system you're using?

Actions #9

Updated by Andreas Kienast over 1 year ago

Sorry, I misinterpreted your response, I assumed the issue still exists. Could you please check with dark mode enabled whether the issue still occurs?

Actions #10

Updated by Michael Schams over 1 year ago

What I meant is:

If I open the backend in TYPO3 v12.3.0 , I get the dark text area and a click on the area not showing any lines does not work. You have to click on a line that contains content (which is a little hard if the editor shows only one line or no content at all).

If I open the backend in TYPO3 v12.4.0-dev, I get a light text area (another tab in the same browser). In this editor mode, I can click anywhere in the text area, even on lines that don't show any content.

See attached screen recording.

Browsers tested:
  • Mozilla Firefox v111.0.1 (64-bit) on Debian GNU/Linux v12 (Bookworm).
  • Google Chrome Version 112.0.5615.49 (Official Build) (64-bit) on Debian GNU/Linux v12 (Bookworm).
Actions #11

Updated by Andreas Kienast over 1 year ago

I understood that you get a light mode codemirror in current dev-main and that the issue is solved there. My question remains: can you please toggle your browser to dark mode and check if it's fixed there as well, since another theme for the editor is loaded?

Actions #12

Updated by Michael Schams over 1 year ago

I can't reproduce the issue in 12.4.0-dev either with dark mode enabled in my browser.
Let's close this ticket as resolved.
Thanks.

Actions #13

Updated by Andreas Kienast over 1 year ago

  • Status changed from Needs Feedback to Closed

Alright, thank you very much for confirming that the issue is solved. I'll therefore close the ticket.

Actions

Also available in: Atom PDF