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

Performance issue #26

Open
samuus opened this issue Oct 30, 2017 · 1 comment
Open

Performance issue #26

samuus opened this issue Oct 30, 2017 · 1 comment

Comments

@samuus
Copy link

samuus commented Oct 30, 2017

Hello

We are trying to implement Xonomy in our website.

But we encounter a perfomance issue on IE11 and Edge :

As you can see on our test page « Test2.html», it’s difficult to expand/collapse Xml

With profiler tool (F12), we can see that action "event" seems take long time : we are under the impression that jQuery animation (fadeIn,slideUp) is part of the issue.

profiler

Any advice to optimize our code ?

Is it possible to create an option to disable animation ?

Best regards

test2.zip

@samuus
Copy link
Author

samuus commented Oct 31, 2017

We have found an explanation :
We think that part of the issue is in xonomy.css.
If we delete this class: .xonomy.nerd * { position: relative; }, performance problem solved in IE11 and Edge.
But there are some impacts :

1)plus/minus issue : modify this class :
.xonomy.nerd .element .connector :{ border-top: 1px dotted #b6b6b6; width: 24px; height: 10px; position: relative; top: 9px; left: -10px; }

  1. Chewed selectable text issue : modify this class :
    .xonomy.nerd .element > .children > .textnode .char { position : relative;}
    with this last modification, performance issue reappears a little.

Maybe, InlineMenu could be restructured without using a "position:relative" ?

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

No branches or pull requests

1 participant