Angular: Couldn't maintain session storage when navigate to other system and back to original system

Question

I am facing very weird issue with Angular on IE 11 and Edge 44. I have one web application, build with Angular 6 and there we maintain some values in SessionStorage.

There is one flow where I have to navigate to 3rd party web application for some processing and can come back to my original application within the same window tab.

While navigating to 3rd party application, I store few values in SessionStorage. But when I come back to my application from there, then I couldn't find those stored parameters into Storage.

It's working for Chrome, Safari & earlier versions of IE. But facing this issue, for IE 11 & Edge on specific machines only.

Answer 1

This is a known issue, see: https://support.microsoft.com/en-us/help/316112/prb-session-variables-do-not-persist-between-requests-after-you-instal

Be sure there are no "-" and "_" in your session name. Also be sure to remove IE11 and use Chrome/FF only :)

Also be sure that this Cookie is not created by an iFrame.

Here some resources that may help: https://smartbear.com/blog/develop/internet-explorer-eats-cookies-with-underscores-in/

https://social.msdn.microsoft.com/Forums/ie/en-US/8e876e9e-b223-4f84-a5d1-1eda2c2bbdf4/ie7-cookie-issue-when-domain-name-has-underscore-character-in-it?forum=iewebdevelopment

Cookie blocked/not saved in IFRAME in Internet Explorer