Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Collapse all nested elements on fold #2471

Merged
merged 2 commits into from
May 12, 2023

Conversation

tvdeyen
Copy link
Member

@tvdeyen tvdeyen commented May 11, 2023

What is this pull request for?

On a page with lots of nested elements multiple levels deep
the performance regresses very much especially with lots of
TinyMCE instances. Also UX is getting messy very soon.

In order to make the page faster and clean up the interface,
we now collapse all nested elements and their nested elements
if an element gets folded by the user. Next time the element
expands it will present all nested elements collapsed to the
user making a) the UX much faster and more cleaned up.

This also reverts #2470
because we need to render nested elements even if the element is folded,
because we need the element present in the DOM for the feature
"click element in the preview => load and expand element editor".

Screenshots

Remove if no visual changes have been made.

Checklist

  • I have followed Pull Request guidelines
  • I have added a detailed description into each commit message
  • I have added tests to cover this change

@tvdeyen tvdeyen requested a review from a team May 11, 2023 09:39
@tvdeyen tvdeyen changed the title Collapse nested elements on fold Collapse all nested elements on fold May 11, 2023
tvdeyen added 2 commits May 12, 2023 11:14
On a page with lots of nested elements multiple levels deep
the performance regresses very much especially with lots of
TinyMCE instances. Also UX is getting messy very soon.

In order to make the page faster and clean up the interface,
we now collapse all nested elements and their nested elements
if an element gets folded by the user. Next time the element
expands it will present all nested elements collapsed to the
user making a) the UX much faster and more cleaned up.
We need to render nested elements even if the element is folded,
because we need the element present in the DOM for the feature
"click element in the preview => load and expand element editor".

Together with the previous commit where introduced collapsing
of all nested elements if we fold an element, the performance
is much better now.

This reverts commit 0d7a7f9
@tvdeyen tvdeyen force-pushed the collapse-nested-elements-on-fold branch from fbdad8a to 6e1850e Compare May 12, 2023 09:14
@tvdeyen tvdeyen added this to the 7.0 milestone May 12, 2023
@tvdeyen tvdeyen merged commit e53543a into AlchemyCMS:main May 12, 2023
@tvdeyen tvdeyen deleted the collapse-nested-elements-on-fold branch May 12, 2023 09:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants