Issues using a 1x1 icon for icon-text-fit

[tristen]

I'm using a 1x1 icon that looks like this

<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" height="1" width="1" version="1.1">
 <path d="M1 0 0 0 0 1 1 1Z" fill="#63A076"/>
</svg>

on a layer that looks like this that uses the icon-text-fit property:

{
    "id": "housenum-label",
    "type": "symbol",
    "source": "composite",
    "source-layer": "housenum_label",
    "layout": {
        "text-field": ["to-string", ["get", "house_num"]],
        "icon-text-fit": "both",
        "icon-image": "fill-green"
    },
    "paint": {"text-color": "hsl(0, 100%, 100%)"}
}

I'm noticing a couple behaviours:

1. The icon is not completely filling up the space on longer labels

2. There's quite a noticeable blur when you zoom in/out.

---

mapbox-gl-js version: v1.0.0
browser: Google Chrome Version 74.0.3729.169 (Official Build) (64-bit)

Expected behvaviour

For 1. I would expect the icon to fill the entire length of the label.
For 2. I would expect the icon to not blur and recalculate its size on moveend.

Link to Demonstration

https://jsfiddle.net/e7gvdzLr/13/embedded/result/?username=tristen

[kkaefer]

This will be fixed by #8741

[tristen]

@kkaefer has this made it into a version? I'm still seeing this issue when applying a 1px icon to labels to create underlines:

[kkaefer]

Are you referring to the "blur"? If so, this is intended behavior since we're using linear scaling while the map is being zoomed/rotated. This will become the default state once #8738 lands so there's no switchover. 1×1 stretching icons without #8917 will continue to look like this. You can achieve the desired effect once #8917 lands, and then use a 3×1px icon with a stretch zone.

[tristen]

@kkaefer I'm testing out the new stretchable icon feature and I'm seeing similar behaviour using this icon: default.svg.zip

[kkaefer]

Icons being blurry while zooming is by design: when you're zooming, the position of the icon changes by fractional pixels (unlike when you're panning). so we decided to disable pixel grid snapping because otherwise they would appear to jiggle.