googlearchive/js-marker-clusterer

cut icons with box-sizing in css selector *

RaidersII opened this issue · 0 comments

I have noticed a issue if the css selector '*' have box-sizing: border-box :
image

This is due to the properties of height and padding-top. With the default value of box-sizing (content-box), the height and padding-top/bottom are added, so the expected height of icons is well. But with the value border-box the height icons rendered is only get by the height property (so the icons was cut).
I suggest to add this line to overwrite the property in markerclusterer.js in order to have the expected render :

ClusterIcon.prototype.createCss = function(pos) {
    var style = [];
    var markerClusterer = this.cluster_.getMarkerClusterer();

    if (!markerClusterer.cssClass_) {
        style.push('box-sizing:content-box;');
        style.push('background-image:url(' + this.url_ + ');');
...