Hi guys.

I have the list below with some webblocks. Chrome is not rendering it properly, you can see the difference between the two images. The second one is showing all the values.

Facts:

1) It's working normally on IE.

2) Whenever I do something above it shows the below data. 

Eg. if I expand/collapse the second item on the list it "fixes" the third item, but not itself. If I expand/collapse the first item it "fixes" the second and third item but not itself. If I click in the datepicker it "fixes" all the items from the list.


Not really clear from the images where exactly your issue is occurring, and nearly impossible to troubleshoot with just a couple of images.

Any way you can reproduce the issue on a smaller scale and share the OML?

What versions of Chrome/IE are you using, and what is your Windows version?

Have you tested on multiple machines, and is the behavior consistent across them?

Have you tested on any browsers other than IE and Chrome?

Have you used the browser dev tools to inspect the markup to determine whether the missing elements are simply not being returned by the server, or if they are present at the browser, but not visible (perhaps due to variations in CSS styling)?

Given that you're targeting IE, have you modified your app or screen CSS to accomodate IE specifically?

The more information you provide, the easier it will be to help.

G. Andrew Duthie wrote:

Not really clear from the images where exactly your issue is occurring, and nearly impossible to troubleshoot with just a couple of images.

Any way you can reproduce the issue on a smaller scale and share the OML?

What versions of Chrome/IE are you using, and what is your Windows version?

Have you tested on multiple machines, and is the behavior consistent across them?

Have you tested on any browsers other than IE and Chrome?

Have you used the browser dev tools to inspect the markup to determine whether the missing elements are simply not being returned by the server, or if they are present at the browser, but not visible (perhaps due to variations in CSS styling)?

Given that you're targeting IE, have you modified your app or screen CSS to accomodate IE specifically?

The more information you provide, the easier it will be to help.

Hi Andrew, thanks for your reply.


When you open this page it shows as the first image (missing data on the second and third item). If I just click on the calendar it shows the missing values as on the second image. (there is no action being executed in the calendar).


Unfortunately I can't share the OML.


Chrome: 72.0.3626.121 / IE 11.0.9600.17105


Yes, this problem was reported by a customer and we reproduced it in two machines here.


Just tested on Firefox 65.0.2 and it's working as well.


Have you used the browser dev tools to inspect the markup to determine whether the missing elements are simply not being returned by the server, or if they are present at the browser, but not visible (perhaps due to variations in CSS styling)?

The elements are there. If you press the mouse and drag above them like selecting they show spontaneously, or if I collapse/expand the items above or if I simply click on the calendar input. No actions are executed at any time.


No modifications targeting IE.


If it's working in IE and Firefox, but not in Chrome, that suggests either a bug in Chrome, or something about the markup or CSS that's causing the issue.

Would suggest that you consider downloading Brave (or another Chromium-based browser) to see if you can reproduce the issue in a different browser that uses the Chromium rendering engine. If so, then you will have an idea whether the issue is limited to Chromium.

You might also copy the markup and CSS and run them through one of the available online validators, to see if any obvious issues crop up there.

As suggested I run it in Brave and I got the same problem (Image 1), I also validate the CSS with W3C Validator and found the errors below (image 2).

I'm going through them to try to fix it.


Thanks Andrew.

Solution

The z-index of the tag below was messing up everything.


I don't know if Chrome has changed anything about it but we have it since ever.

.Measures{
    z-index: 10;
}
Solution

Sounds like you got it figured out. Glad to hear.