Cesium does not play well with Normalize.css?

[mramato]

@emackey, hopefully this is an easy fix.

I'm using Cesium is a bootstrap-based page and the InfoBox title looks like the below:

Bootstrap uses normalize.css under the hood. Order or css inclusion seems to have no effect. Given the enormous popularity of these libraries, we should probably look into this sooner rather than later.

[emackey]

Bootstrap thinks it's cool to switch the default box-sizing computations for all elements.

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

This makes it "easier for everyone to understand" or something like that, but also makes it different from the old default behavior (which is box-sizing: content-box;).

The fix is, we should explicitly specify a box-sizing model on any Cesium widgets that depend on width, or height, or a combination of top / bottom, or combo left / right. This will take some searching through the CSS to make sure we got all the places, but it's the only way to be tolerant of different global default box-sizing settings.

In the specific example above, the fix is: .cesium-infoBox-title { box-sizing: content-box; }