Project

General

Profile

Actions
Copy link

Bug #103972

open

"this.createRenderRoot is not a function" JavaScript error for the image focusArea with Firefox

Added by Tobias Gülzow 5 months ago. Updated 4 months ago.

Status:
Accepted
Priority:
Should have
Assignee:
-
Category:
Backend JavaScript
Target version:
-
Start date:
2024-06-04
Due date:
% Done:

0%

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

Description

Hi everyone.

When using Firefox in the backend, and when you try to edit an Image with a focusArea, you get several JS errors:
  1. Uncaught TypeError: this.createRenderRoot is not a function
  2. Uncaught TypeError: this.pointerEventNames is undefined
  3. Uncaught TypeError: this.createRenderRoot is not a function
How to reproduce:
  1. Setup a new TYPO3 12 lts (composer or classic)
  2. Install Firefox browser (it works fine in Chrome)
  3. Install the introduction package
  4. Add the tsConfig (see below) to the root page
  5. Go to the backend with the firefox bowser
  6. Add a new image element somewhere on any page
  7. Add an image to the element
  8. Open the image in the image editor

The focusArea does not render, and you get the JS error from above.

The used tsConfig:

TCEFORM.sys_file_reference.crop.config.cropVariants {
    default {
        title = Default
        selectedRatio = NaN
        focusArea {
            x = 0.45
            y = 0.45
            width = 0.1
            height = 0.1
        }
    }
}

See also : #103048

Tobi

Files

Screenshot 2024-06-25 at 13.00.24.png (968 KB) Screenshot 2024-06-25 at 13.00.24.png Garvin Hicking, 2024-06-25 11:08

Related issues 1 (1 open — 0 closed)

Has duplicate TYPO3 Core - Bug #101800: FocusArea does not work in Firefox Under Review2023-08-30

Actions
Actions
Copy link

Also available in: Atom PDF