Bug #81550

Epic #68075: Remove ExtJS from backend

UI broken when a page with subpages is deleted using drag and drop to "delete zone" on the bottom of pagetree

Added by Robert Wildling over 2 years ago. Updated almost 2 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2017-06-12
Due date:
% Done:

0%

TYPO3 Version:
8
PHP Version:
7.1
Tags:
Flash Message, page tree, deletion of pages with subpages
Complexity:
Is Regression:
Sprint Focus:

Description

Affects Chrome and Safari on macOS 10.12, not Firefox. Cannot test Windows.

Steps to reproduce:

0. adjust your backend user settings, so that you have permission to delete pages with subpages
1. create a page in the page tree.
2. create a subpage under the previously created page.
3. drag-and-drop the page (created in step one) with its subpage down to the bottom of the bottom of the menu-tree column in order to delete it.

What happens?
The flash message that appears is
- "old-style" (layoutwise, if I may say so for the lack of a better word)
- "messed-up", that is: the dark background is not fixed, the dialogue box is pushed to the very bottom of the browser window.

Hints:
It is essential that a page WITH a subpage is drag-and-dropped! A single page won't initiate a warning that a page with a subpage is bout to be deleted, but will be deleted right away.
Right-clicking the page and selecting "delete" will NOT produce the error!

It seems to be a "relict" of some ext-js, as Markus Klein mentions.

Screen Shot 2017-06-12 at 11.52.44.png View (102 KB) Robert Wildling, 2017-06-12 12:24

cattura.png View (70.8 KB) Riccardo De Contardi, 2017-06-12 12:44

Screen Shot 2017-06-12 at 13.19.41.png View (131 KB) Robert Wildling, 2017-06-12 13:20

Schermata 2017-06-16 alle 21.27.36.png View (146 KB) Riccardo De Contardi, 2017-06-16 21:28

drag down.png View (86.4 KB) Robert Wildling, 2017-06-18 09:07


Related issues

Related to TYPO3 Core - Feature #82426: Replace ExtJS page tree with SVG one Closed 2017-09-09

History

#2 Updated by Riccardo De Contardi over 2 years ago

@Robert. is your 8.7.1 installation a fresh one or an update? This is my screenshot on Chrome, Wndows (see Cattura.png)

#3 Updated by Riccardo De Contardi over 2 years ago

  • Status changed from New to Needs Feedback

#4 Updated by Robert Wildling over 2 years ago

Interesting. Mine is a fresh installation.

#5 Updated by Robert Wildling over 2 years ago

You say, you're on Windows. I am on Mac, and there is a separate body class "ext-mac" - it just doesn't change anything, when it's removed. So the problem pertains. BTW: all extensions deactivated.

#6 Updated by Robert Wildling over 2 years ago

That's my Firefox UI on page delete...

#7 Updated by Riccardo De Contardi over 2 years ago

@Robert Firefox 53 on MAC - see attached screenshot

#8 Updated by Robert Wildling over 2 years ago

Which server setup do you use on Mac? MAMP, AMPP, native?

I use MAMP.
Just tried it with AMPP - same results...

#9 Updated by Riccardo De Contardi over 2 years ago

on MAC I use MAMP, on Windows XAMPP

#10 Updated by Robert Wildling over 2 years ago

I just tested 8.7.1 clean on my server at allinkl. Same results again.
Also: WinXP (yes!) on Parallels, and TYPO3 versions 8.6 and 8.5 local on php 7.0.19 and 7.1.1*. Again: same results.

I have a Hackintosh, but I doubt that it is an OS problem...

I am very confused... any more people who could give feedback, please?

#11 Updated by Markus Klein over 2 years ago

  • Target version deleted (9.0)

#12 Updated by Markus Klein over 2 years ago

This is some issue with ext-js. The class ext-mac stems from the ext-js library.
But I really wonder where those old-style yes/no dialogs come from.

Will take a look.

#13 Updated by Robert Wildling over 2 years ago

I think if found the problem.

The "modern" dialogue appears, when a site (with sub sites) is deleted via right-clicking and selecting "delete".

But what I mean in step 3 is, that it is (or was?) possible to drag a site to the bottom of the tree column (when you click on the name, not on the icon, of the respective site). Then, at the bottom, a trash bin appears and sites can be deleted.

(Image from a test on Firefox attached.)

#14 Updated by Riccardo De Contardi over 2 years ago

  • Subject changed from UI broken when a page with subpages is deleted to UI broken when a page with subpages is deleted using drag and drop to "delete zone" on the bottom of pagetree

#15 Updated by Riccardo De Contardi over 2 years ago

@Robert Wildling OMG!!

I've updated the description of the issue. Could you please update the description with the exact steps? AFAICS it happens only when you try to drag and drop a page with subpages. if you drag a single page no warning pops out (I don't understand if it is a defect itself or the expected behavior)

#16 Updated by Robert Wildling over 2 years ago

  • Description updated (diff)

Updated initial issue description.

#17 Updated by Riccardo De Contardi over 2 years ago

  • Status changed from Needs Feedback to New

#18 Updated by Robert Wildling over 2 years ago

  • Description updated (diff)

Fixed error in description.

#19 Updated by Riccardo De Contardi about 2 years ago

  • Parent task set to #68075

#20 Updated by Riccardo De Contardi about 2 years ago

  • Related to Feature #82426: Replace ExtJS page tree with SVG one added

#21 Updated by Riccardo De Contardi almost 2 years ago

  • Status changed from New to Closed

We are very sorry to close this one, but with the new pagetree developed for version 9 this issue will no more be present; our efforts will now concentrate on finalizing the new component.

This issue, albeit ugly to see, does not compromise its related functionality.

If you think that this is the wrong decision, please reopen it or open a new issue with a reference to this one.

Thank you again

Also available in: Atom PDF