Only full screen will show the correct color for the component, else just plain white

1. A concise explanation of the problem you’re experiencing.

We converted to Cesium html project from Bentley including the component’s color (red, yellow, green). However, when we open up the html, the color is just plain white. After we clicked on full screen then only it’s changed to the correct color.

I have checked from the styling in developer mode but not able to find the root cause.

2. A minimal code example. If you’ve found a bug, this helps us reproduce and repair it.

As per screenshot, when loading the html file, use the Palm icon to zoom and move to the top of the tower. It shows the plain white in the component by clicking Categories > Yellow (minor)

When clicking on full screen, then the component will be changed to Yellow from white

3. Context. Why do you need to do this? We might know a better way to accomplish your goal.

We just need to show the exact color for the component either in normal mode or full screen mode

4. The Cesium version you’re using, your operating system and browser.

We are not too sure of the version as we are using the software that Bentley provided to generate Cesium files. Operating system: Windows 10, browser: Chrome version 65.0.3325.181

Source files:

I’m not sure how to explain why it works in fullscreen mode but not windowed mode, but I did try using a newer version of Cesium in the app and the problem seems to be gone.

If you download Cesium 1.41 and replace the Taabinga/scripts/Cesium folder with Cesium-1.41/Build/Cesium the problem should go away, and hopefully doesn’t have unintended side effects.

The reason I’m not recommending a newer version of Cesium is we have an issue with loading this tileset. See

Thanks for the reply! I will try to update the Cesium version to the latest one. Probably have to replace it manually as the current Cesium is being referenced by Bentley.