React-mapbox-gl: Cluster marker disappear when close to window boundaries

Created on 6 Mar 2018  路  5Comments  路  Source: alex3165/react-mapbox-gl

screen shot 2018-03-06 at 9 20 31 pm
White box is a cluster marker. If I will move map 5px left, marker will be removed from dom.

Is there a way to remove the marker after it goes behind the screen?

All 5 comments

Could you reproduce the bug using this boilerplate and attach the code?

This bug is reproducing here http://alex3165.github.io/react-mapbox-gl/demos on html-cluster tab.
Move cluster circle to the window borders, and when it touches borders, circle will disappear.

Temporary fixed on production by adding:

.map {
    position: absolute !important;
    left: -150px;
    right: -150px;
    top: -150px;
    bottom: -150px;
}

It looks like normal behavior for me since large clusters are pretty rare.

Looks like a project specific problem, not sure that we have something to do with it (adding hidden parts of the map can imact logo, attribution and controls location).

@alex3165 what do you think?

I have similar problem, but not only cluster will disappear, but also marker - if at least 1px touches borders, even coordinates are still on boundries (when you remove Cluster marker behavior is correct)

it is problematic for some UX, because it break you marker overview

I suppose I ran into another flavour of this issue in https://github.com/alex3165/react-mapbox-gl/issues/867

Was this page helpful?
0 / 5 - 0 ratings