Symbol layers render badly with zoom and property function

[aparlato]

Platform: iOS
Mapbox SDK version: 3.52

☝️ lighter arrow icons are supposed to look like the other arrows but have a zoom and property function on opacity.

Steps to trigger behavior

1. Create a zoom and property function on a symbol layer for icon or text
2. Icon/text will appear white/lighter and blown out on mobile (if using two integer zoom stops, bug will be evident at higher zoom stop)

Expected behavior

Shows zoom and property function properly as written.

Actual behavior

Icon/text becomes white, pixelated, and/or blown out

[anandthakker]

@aparlato could you include the function definition from the style JSON?

[aparlato]

@anandthakker yea sorry!

Here's an example for a poi layer:

"text-opacity": {
                    "type": "interval",
                    "property": "localrank",
                    "stops": [
                        [
                            {
                                "zoom": 16,
                                "value": 0
                            },
                            1
                        ],
                        [
                            {
                                "zoom": 16,
                                "value": 14
                            },
                            1
                        ],
                        [
                            {
                                "zoom": 16,
                                "value": 15
                            },
                            0
                        ],
                        [
                            {
                                "zoom": 17,
                                "value": 0
                            },
                            1
                        ],
                        [
                            {
                                "zoom": 17,
                                "value": 14
                            },
                            1
                        ],
                        [
                            {
                                "zoom": 17,
                                "value": 15
                            },
                            1
                        ]
                    ]
                },
                "icon-opacity": {
                    "base": 1,
                    "type": "interval",
                    "property": "localrank",
                    "stops": [
                        [
                            {
                                "value": 0,
                                "zoom": 16
                            },
                            1
                        ],
                        [
                            {
                                "value": 14,
                                "zoom": 16
                            },
                            1
                        ],
                        [
                            {
                                "zoom": 16,
                                "value": 15
                            },
                            0
                        ],
                        [
                            {
                                "value": 0,
                                "zoom": 17
                            },
                            1
                        ],
                        [
                            {
                                "value": 14,
                                "zoom": 17
                            },
                            1
                        ],
                        [
                            {
                                "zoom": 17,
                                "value": 15
                            },
                            1
                        ]
                    ]
                }
            }
        }

I can only reproduce this exact behavior with the opacity properties on symbol layers although zoom and property functions in this version have issues in general which look like they've been resolved #8838 so maybe this is also resolved? I just realized that the current version is 3.54, not 3.52.

[nickidlugash]

although zoom and property functions in this version have issues in general which look like they've been resolved #8838 so maybe this is also resolved?

This description:

Steps to trigger behavior

Create a zoom and property function on a symbol layer for icon or text

Icon/text will appear white/lighter and blown out on mobile (if using two integer zoom stops, bug will be evident at higher zoom stop)

Does sound a lot like #8613. @anandthakker do you think that PR should have resolved this issue?

[anandthakker]

@nickidlugash ah - yeah, seems likely that that PR -- or the followup 3c23faf -- will have fixed it.

[jfirebaugh]

Per above, assuming this is fixed; please let us know if not!