Custom Image Picker having issues with upload, delete and drag

[ujwalkumar1995]

Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

I tried extending the existing image picker to create my own and do some customizations on top of it. Just after doing the bare minimum, I faced couple of issues:

• In designer mode, the delete and upload button on the image are not clickable. I did a hack for this, not sure if it is the correct way to do it.
• In designer mode, while trying to drag the images, the page throws an error.

What is the expected behavior?

I feel the upload and delete should have worked out of the box without doing any hacks. Drag should also be working and not throwing an error.

How would you reproduce the current behavior (if this is a bug)?

Please use this (https://codesandbox.io/s/gracious-davinci-pxsfmy?file=/src/App.js) sandbox to reproduce the issue.

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://codesandbox.io/s/gracious-davinci-pxsfmy?file=/src/App.js

Test code

Refer to the sandbox (https://codesandbox.io/s/gracious-davinci-pxsfmy?file=/src/App.js) code.

Specify your

• browser: Chrome
• browser version: Version 117.0.5938.152 (Official Build) (64-bit)
• surveyjs platform react
• surveyjs version: 1.9.80

[andrewtelnov]

@ujwalkumar1995 It is better to go with the react way. Please review examples in this section.

Thank you, Andrew