Inconsistent object selection

[ll931217]

Hello,

This issue could be my own error, I have an object that is at point A, I changed it's position by using:

canvas.forEachObject(function(object) {
  if (object.id === obj.id) {
    object.setOptions({ top: obj[key] })
  }
})

// This code shows that the top value has changed correctly
canvas.getObjects().find(obj => obj.id === 'C001')

What I see on my canvas is this:

• Point in original position.
  

• Point moved, but I am unable to select it.
  

• I am able to select the point from the original position.
  

I thought it was a caching issue because I saw that it has a property ownCaching but after adding objectCaching: false, the problem still persists.

What fixed it is by calling canvas.renderAll() again, which happens after I finish changing the top value, I deselect the object, select the object and deselect it again. This process is very tedious when I have many objects that needs to change their top value.

Unfortunately, I am unable to reproduce this, which could mean my code has an issue. I am posting this to see if anyone can guide me to where my issue could lie.

Version

4.3.1

[asturur]

hi, setOptions is an internal method. Pleas use the simple set ( it takes an object or a single key, value ).

What you really need to fix is described in this page here
http://fabricjs.com/fabric-gotchas

[ll931217]

Hello @asturur,

Thank you for the quick response

I changed my code as you suggested, however that didn't seem to do the trick. I am not sure if I this helps but the code mentioned above is used inside a jQuery keyup event callback.

$('#someinput').keyup(function() {
  canvas.forEachObject(function(object) {
    if (object.id === obj.id) {
      // object.setOptions({ left: obj[key] })
      // object.set('left', obj[key])
      object.left = obj[key]
      object.set('dirty', true)
    }
  })
})

[asturur]

you did not read all the page i linked. pleas read it all is inportant to me to understand if that clarifies

[ll931217]

Ah! Sorry, adding object.setCoords() fixed the issue for me. Thank you for your time.