/getting-started/configuration

[giscus[bot]]

/getting-started/configuration

Seamless, headless and fully-tested HTML5 canvas library that provides a couple of high level APIs

https://pikaso.app/#/getting-started/configuration

[kkishan1230]

map: {
delete: ['Delete'],
moveLeft: ['ArrowLeft'],
moveRight: ['ArrowRight'],
moveUp: ['ArrowUp'],
moveDown: ['ArrowDown'],
deselect: ['Escape']
}
I used this code but Backspace key is still deleting selected elements. I want to prevent backspace from deleting elements.

[kkishan1230]

Is there any other way to do that. As I am using it in reactjs project. I want that item to be selected so that I can implement opacity from an input field.

[raminious]

Sorry I don't understand your requirement. Please elaborate or provide a code snippet

[kkishan1230]

1. I added Title using label
2. I selected title
3. I am changing its opacity using selectedNode.update({opacity: opacityValue})
4. That opacity value I am getting from <input type="text" onChange={(e)=> setOpacityValue(e.target.value)}/>
   Hope this makes you understand what I am trying to do. So when I am pressing Backspace my element is getting erased.

[raminious]

Have you tried stopPropagation or preventDefault?

onChange={(e)=> {
    e.stopPropagation()
    setOpacityValue(e.target.value)
  }}
/>

[kkishan1230]

I tried but it was not working. Anyhow I resolved it for me by adding keyPress handler.
Thank you for support.