Tui.image-editor: 'SPACE' key does not work in the entire application when we load vue toast UI image editor component

Created on 22 Mar 2021  路  5Comments  路  Source: nhn/tui.image-editor

We are using vue-image-editor component for selecting media.
Once we open/load the component, we are not able to use the space bar further in the entire application. We are facing below error :

tui-image-editor.js?abe2:16809 Uncaught TypeError: Cannot read property 'fire' of null
at klass.eval (tui-image-editor.js?abe2:16809)
at klass.fire (fabric.js?2f75:313)
at Zoom.startHandMode (tui-image-editor.js?abe2:9480)
at Zoom._onKeyDown (tui-image-editor.js?abe2:9352)

Observations on debugging the issue

  1. For image editor instance , When we open the component an event listener is being added for keyup/keydown and while closing the component the evemt listemer is being removed.
  2. On loading the component , for keyup and keydown events there is an evemt listener being added at Zoomclass. But onclosing the component here the event listener is not being removed.

Images will be added below :
event listener for zoom class

Getting the error as shown in the image in the console :
console error

Bug

Most helpful comment

@ganesh-500 @JohntheFish @bilalmalkoc
Thank you for the information. I'll fix it ASAP.

All 5 comments

I am seeing the same bug. keyup/keydown listener is hogging the space key after the image editor is closed and destroyed.

Same. Please fix that.

@ganesh-500 @JohntheFish @bilalmalkoc
Thank you for the information. I'll fix it ASAP.

@ganesh-500 @JohntheFish @bilalmalkoc
Resolved in v3.14.2. Thank you :)

Working fine now. Thank you @lja1018

Was this page helpful?
0 / 5 - 0 ratings