Skip to content

[Bug] Map moves when dragging handles in ModifyMode with MapboxOverlay interleaved #457

@tb-viktor

Description

@tb-viktor

Module

  • deck.gl-community/arrow-layers
  • deck.gl-community/bing-maps
  • deck.gl-community/editable-layers
  • deck.gl-community/experimental
  • deck.gl-community/graph-layers
  • deck.gl-community/layers
  • deck.gl-community/react
  • deck.gl-community/react-graph-layer

Description

Hi all,

We've recently updated our react-map-gl and deck.gl to the latest versions and had to switch to a different way of structuring these two libraries to work together. In essence this meant using the MapboxOverlay in interleaved mode so that we can nest deck.gl layers inside of the react-map-gl Map.

We're having a problem with the ModifyMode state for the editable GeoJSON layer, where the map moves when dragging handles on an object, for example a polygon.

I've attached a codesandbox with a reproduction.

Is there a way we can configure this or is a bug fix needed in the library?

Expected Behavior

The map should not move when interacting with objects.

Steps to Reproduce

https://codesandbox.io/p/sandbox/kzk72g?file=%2Fsrc%2FApp.js

Click edit polygon at the bottom and the handles will show, try to drag a handle and both the map and the handle will move.

Environment

  • Framework version: deck.gl@^9.2.3, @deck.gl-community/editable-layers@^9.1.1
  • Browser: Chrome
  • OS: Windows 11

Logs

No response

Metadata

Metadata

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions