Symbol rendering issue at viewport edges during pan/pitch

[dagjomar]

Video

https://www.youtube.com/watch?v=WUkhM0tRdUE

JSBIN

https://jsbin.com/tohelasila/edit?html,output

mapbox-gl-js version: 0.45.0, 0.44.2, 0.44.1, 0.44.0, 0.43.0, 0.42.2 (but maybe not as bad?), 0.42.1, 0.42.0 (better on pan, but still bad on pitch),

Not reproducible on 0.41.0

browser: Tested on OSX on Chrome, Safari, Firefox

Steps to Trigger Behavior

1. Have some symbols on one or more layers that will cause symbol collisions such that only one of the symbols are visible after collision/clustering logic
2. Move the viewport such that symbols are outside of the view. Then pan or trigger a camera action such that the symbols will are in view.
3. You will observe that ALL the symbols are briefly visible initially while the ones that are affected by the collision logic are faded out, leaving only the ones that should be visible.

Expected Behavior

• Expected clustering/collision logic to have run before symbols enter view and be pre-calculated as visible or hidden and not have the fade-out animation when this case occurs.

Actual Behavior

• Fade-out animation occurs

[ChrisLoer]

Thanks for the report @dagjomar! I believe this is a duplicate of #5654 (see also #6489 for a clearer example of the actual behavior).

[dagjomar]

@ChrisLoer Ah, thanks. Looking forward to seeing #5654 being fixed then ;)