Steps to reproduce
I’m a web developer and I’m working on a website which has an AJAX loading between pages (aka PJAX).
When you scroll down, it loads the next page inside the first one, and the second page replaces entirely the first one.
On every browsers, it works very well.
On Opera and Chrome, the website is super duper clean and fluid.
On Firefox, Safari and IE 11… well those aren’t very good browsers and my website uses a lot of recent technologies.
But it works and remains fast.
And on Edge, when you scroll down… I suggest you to test it by yourself: http://the-buyer.web.adelios.fr
Before doing the test, I recommend to close all other applications, because Edge takes 100% of the RAM and disk usage.
And the processor is quite busy as well.
So my i7 3,40GHz with 16Go DDR3 and 233Go SSD totally freezes.
And I have to wait 5 minutes before things go back to normal (when the computer succeeds in closing edge).
It happens only when you go from page 1 to page 2. The other pages are good.
A memory leak? I don’t know, I’m not a browser developer.
But it’s obviously a bug coming from edge.
Because I’ve looked at the memory usage with other browsers and there are no peaks at all.
Things were better before…
IE was an awful browser, but at least people knew it and made joke of it.
Now we have Edge, which is worse, and everybody thinks it’s a good browser.
Couldn’t the edge’s developers just copy and paste chromium? It would be a release for everyone.
Also, any idea why this is happening? And how to solve this?
The bug actually happens when I appendChild the new content to the current page. Does Edge have a problem with appendChild when there’s a lot to append?
Comments and activity
Ok, so I managed to solve it.
And the funiest part is that the responsible is… CSS!
On the second page, I have 4 big divs that are rotated in 3D on the Y axis.
Apparently, Edge loses its grip and becomes totally mad when you want to append 3d rotated divs in the body…
I just replaced the rotateY by a simple translateX (so no 3d) and it totally solved the bug.
This is only a workaround, but my solution remains the same: replace Edge with a proper browser in Windows.
- Microsoft Edge Team
Changed Assigned To to “James M.”
Thank you for providing this information about the issue. The address http://the-buyer.web.adelios.fr appears to be password protected and we will need a login to authenticate. Please also restore the 3D rotated divs so we can repro the problem.
The MS Edge Team
- Microsoft Edge Team
Changed Status to “Not reproducible”