Browser issue in IE 11 but working fine in chrome browser
All the sections on in the case are working fine in chrome browser but getting disturbed in IE 11. We are using PEGA 8.0 . In Pega's previous versions we were getting option "Inline-block" in layout setting. But all layout seems to be "flex" in 8.0 version.
We have created section with dynamic layout "Inline grid triple". It is working fine in chrome but providing scrollbar and fields as well stretched a lot in IE 11. Again responsiveness is not working in IE. In small screen in chrome, inline grid triple is converting to stacked layout(Responsiveness) as expected but same is not working in IE11. Please find the screenshots attached below.
Does we need to do anything extra from our end to make screens responsive in IE?
It is working fine chrome and not working in IE then mostly issue with flex CSS property. Flex layout in Internet Explorer 11 is supported however, there are limitation with respect to Internet Explorer browser wherein it does only partial support for Flex containers. Refer caniuse.com website on Flexbox's support for Internet Explorer and Chrome browsers.
Check the below reference link related to troubleshoot the IE issue:
I don't know the concrete solution, but for our application, we have fixed many layouts by using layout format "Action area" which is PEGA OOTB layout format. Also some places, we have used container format "Action area". I am sure there must be some CSS available for both formats for IE, but did not get time to find CSS. But this is the quick fix we used multiple places.If I will find any CSS, I will share.