BUG: mousePosFetcher in resizer config & change:style listener not working

Hi @Joshmamroud

CBs should be called when mousePosFetcher is called

That is not happening because resizable options are not directly passed to the Resizer, but through the resize command. You can see mousePosFetcher there is handled by the canvas. I can update the command in order to allow that kind of customization but keep in mind that the canvas does a bit more of your logic in order to get proper coordinates. For now, you can extend the command logic by yourself.

CBs should be called when "change:style" is called from this.listenTo(this, 'change:style', this.updateWidth)

That is not happening because, in this case, the style is not updated on the Component itself, but on the CssRule. Here is an example of how you would handle the listener by relying on the global event

init() {
  console.log('Init Column')
  this.listenTo(this.em, `styleable:change:${keyWidth}`, this.updateWidth)
},
updateWidth(rule) {
  const ruleComponent = rule.getComponent?.();
  if (ruleComponent === this) {
    console.log('update width', rule.getStyle(keyWidth))
  }
},

Thanks @artf! That makes sense.