Incorrect UI behavior with IE11 - Fields are connected


We are using Pega Platform 7.4 with IE11. Customer reported that TextArea on UI Gallery gets connected sometimes (not always happens but sometimes) as below screenshots.

1. How to get to the UI Gallery

2. Behavior is incorrect with IE11 as below (Two fields get connected)

3. However, when I focus the field, the issue is resolved (now two fields are separate)

I do not think this is a serious issue, but at least I need a valid explanation to the customer. Can anyone explain why such incorrect behavior happens with IE11? Any reasonable reasons?



Keep up to date on this post and subscribe to comments

November 5, 2019 - 8:49am

I think it will be hard to know why unless you can reproduce and leave in that state. How do you typically recover from this? A refresh or reopening the gallery?

I would also agree in that this seems like a minor issue. Has it ever happened within your actual application? Or was it only ever seen in the UI gallery? If it only happens sometimes in the UI gallery, it may not be worth chasing this. But if this is happening in your real world application, it may be worth pursuing, although it does seem more superficial than anything functional.

November 6, 2019 - 1:24am
Response to Rett_Hean_GCS

Just focusing on the field will resolve the issue. It is pretty reproducible using IE11 (not 100% but frequent).

Yes, since this is not a real world application, I don't think it is even worth debugging, to me. However they happened to pick UI gallery for regression testing and it is metrics to check if any changes to system are not impacting the platform.

FYI, the UI gallery section is just a collection of out-of-the-box dynamic layout and this issue itself should be reproducible.