Weird rendering behavior on IE11 + Angular 1.5.11

I suspect that this issue might be around the browser memory leak (considering that other tabs are also getting affected).

We had issues around memory leaks only in IE browser with Angular 1.3 (not the exact issue).

While this link might help you with further investigation, I'll mention how I used IE's memory profiling tool to help myself.This memory profiling tool can be found in IE 11 dev tab.

1. Click Start Profiling.
2. Take a heap snapshot of your web app without performing any operation on your app.
3. Perform some operation and take a heap snapshot again.
4. Go back to the home page and see if some of the memory you allocated is getting freed or not.

Each heap snapshot also provides a deeper look into the objects allocated and how much memory each object is consuming.

I am attaching a snapshot for reference.

I had this same issue for my Angular 7 app and I have been researching this issue for 3 days. I have inspected with any memory leakage or unwanted loops. Well, I didn't find anything specific to led this issue.I have tested my app in different environments. This happening only for my low configured machines. By digging some solution I found this:

This might be is due to the use of GPU rendering instead of software rendering to view the webpage. What we need to do is just change a configuration in settings. Follow the steps below:

1. Start Internet Explorer 11.
2. Click the Tools icon in the upper-right corner, and then click Internet Options. (Alt+X).
3. Click the Advanced tab, and then browse to the Accelerated graphics section.
4. Select the Use software rendering instead of GPU rendering check box.
5. Click Apply, and then click OK.
6. Close all open Internet Explorer 11 windows, and then restart Internet Explorer 11.
7. View the webpage in Internet Explorer 11.

Note You can also resolve this issue by upgrading your video card to a video card that supports GPU hardware acceleration.