[🐛] Blur Editor Bugs

The blur editor has a few bugs:

Shift Key Continues to Toggle Visibility of the Navigation UI After Exiting the Blur Editor

How to reproduce:

  1. Enter the blur editor
  2. Exit the blur editor
  3. Press Shift

Note that you can toggle the visibility of the navigation UI outside the blur editor, which should not be possible.

Exiting the Blur Editor Does Not Restore the Visibility of the Navigation UI

How to reproduce:

  1. Enter the blur editor
  2. Press Shift to hide the navigation UI
  3. Click Exit

Note that the visibility of the navigation UI is not restored, which should happen.

Dismissing a Blur Selection Does Not Return to Selection Mode When in Add new blurs Mode

How to reproduce:

  1. Enter the blur editor
  2. Click Add new blurs
  3. Select an area to blur
  4. Dismiss the selected area by clicking :x:

Note that the mouse cursor does not switch back to the :heavy_plus_sign: cross cursor but stays in panning mode indicated by the :raised_hand: cursor. However, you can return to selection mode by pressing Ctrl but this should not be necessary because the :heavy_plus_sign: cursor is the default mode of the Add new blur mode.

Selected Area Tag Does Not Display Red :x: Dismiss Icon

How to reproduce:

  1. Enter the blur editor
  2. Click Add new blur
  3. Select an area to blur

Selection Coordinates Do Not Flip Effectively But Only The Selection Box When Dragging the Selection Box Beyond Image Edges (Possibly Vertical Only) of 360° Images

How to reproduce:

  1. Go to a 360° image
  2. Enter the blur editor
  3. Click Add new blur
  4. Drag a selection area over the edge of the image
  5. Confirm the blur by clicking on the green :white_check_mark: check icon

Note that the selection box flips when you cross the image edge but what gets effectively blurred is not the box area but the area outside of it.

cc: @nikola for thoughts

Can you attach a screenshot of what that looks like?

@nikola - can we increase the size the user selected before passing this to the blurring process to account for the soft edge?

1 Like

Sure! We’ll update our process so the selected are will match the blurred area.

2 Likes

Whoops, good catch, @nikola - do you want to take a look at this one?

We’ve now updated the blur editor so the whole image is entirely visible regardless of aspect ratio.

Thanks again @GITNE - @nikola would love your thoughts.

Will update the blur editor to generate two blurs in this case, split the original rectangle that passes the antemeridian of the image.

1 Like

I have also some blurring issues. But there is so much overlap that I finally can delete the pictures.

We’ve updated the blur editor to handle this situation and split the created blur into two when creating a blur on the edges of a 360 image.

Can you take a screenshot of the area you’ve selected before you click the confirm button? Also, the key of the image so we can find and reproduce the error.

Thanks for letting us know! This is a query that retrieves the recently uploaded sequences to show on the map while they’re still processing and not yet in our vector tiles. Looks like there are a lot of recent uploads so there might be too much data requested at the same time. I’ll look into it to make sure it can handle situations like this.

1 Like

This should be fixed now.

1 Like

Thanks for reporting! We’re working on a fix right now.

Adding blurs should now be fixed!

1 Like
 main   ERROR in BlurEditorComponent.createTag() for detection nr:  1 
Object { key: "1384755793349173", creator: {…}, detectorName: undefined, createdAt: 1760474809, appliedAt: undefined, relativeArea: undefined, pixelArea: undefined, pointX: undefined, pointY: undefined, detectionValue: undefined, … }
 
Array(4) [ 0.4609375, 0.877197265625, 0.610595703125, 1.004638671875 ]
 GeometryTagError: Basic coordinates must be on the interval [0, 1].
    mu https://www.mapillary.com/app/main.012abfc09dfc2480.js:90
    Kd https://www.mapillary.com/app/main.012abfc09dfc2480.js:90
    Rf https://www.mapillary.com/app/main.012abfc09dfc2480.js:90
    createTag https://www.mapillary.com/app/main.012abfc09dfc2480.js:259
    createBlurMarkers https://www.mapillary.com/app/main.012abfc09dfc2480.js:259
    createBlurMarkers https://www.mapillary.com/app/main.012abfc09dfc2480.js:259
    2663/get blurMarkers$/< https://www.mapillary.com/app/main.012abfc09dfc2480.js:259
    pn https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    _next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    r https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    _next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    K https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    updateBlurs https://www.mapillary.com/app/main.012abfc09dfc2480.js:259
    getImageBlursList https://www.mapillary.com/app/main.012abfc09dfc2480.js:259
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    _next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    _next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    pn https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    _next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    _next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    next https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    vne https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    invoke https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    onInvoke https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    invoke https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    run https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    H https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    onInvokeTask https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    runTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    m https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invoke https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    0 https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    v https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    onScheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleMacroTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    We https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    u https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    r https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    _frame https://www.mapillary.com/app/main.012abfc09dfc2480.js:90
    0 https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    onInvokeTask https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    runTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invoke https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    0 https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    v https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    onScheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleMacroTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    We https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    u https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    r https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    _frame https://www.mapillary.com/app/main.012abfc09dfc2480.js:90
    0 https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    onInvokeTask https://www.mapillary.com/app/main.012abfc09dfc2480.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    runTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invoke https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    0 https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    v https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    onScheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    scheduleMacroTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    We https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    u https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    r https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    _frame https://www.mapillary.com/app/main.012abfc09dfc2480.js:90
    0 https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
    invokeTask https://www.mapillary.com/app/polyfills.edd58b8e96107806.js:1
main.012abfc09dfc2480.js:1:551375
{
  "key": "1384755793349173",
  "creator": {
    "key": "110661107832227"
  },
  "createdAt": 1760474809,
  "geometry": "Gj54AQoGbXB5LW9yKIAgEhgSAgAAGAMiEAnAHZI4GgCUCMoJAACTCA8aCnNoYXBlX3R5cGUiCQoHcG9seWdvbg==",
  "rectGeometry": [
    0.4609375,
    0.877197265625,
    0.610595703125,
    1.004638671875
  ],
  "index": 1
}

Thanks for reporting! Looks like we had some issues with generating blurs near image edges. This should be fixed now.

1 Like