Clicking the filename on widget causes browser crash

Questions / Help
1

Here’s a video of what I am experiencing with the widget when trying to revise an uploaded image:

https://v.usetapes.com/fBZyAeUVwd

Here’s what the code looks like:

<head>
    <script>
      UPLOADCARE_PUBLIC_KEY = '___PUBLIC_KEY___';
    </script>
    <script src="https://ucarecdn.com/libs/widget/3.x/uploadcare.full.min.js"></script>
    <script src="https://ucarecdn.com/libs/widget-tab-effects/1.x/uploadcare.tab-effects.js"></script>
    <script>
      uploadcare.registerTab('preview', uploadcareTabEffects)
    </script>
</head>
<body>

  <input type="hidden" name="company_logo_url" role="uploadcare-uploader"
    data-public-key="___PUBLIC_KEY___"
    data-crop="1:1, 4:3"
    data-effects="crop,rotate"
    data-images-only="true"
    data-preview-step="true"
    data-clearable="true"
    data-tabs="file url facebook gdrive gphotos dropbox instagram skydrive"
    value: "https://ucarecdn.com/21a1a183-6ecd-4850-96be-d65fd96cab89/-/preview/" />

</body>

Thank you for your help. This is a blocker for us to be able to work with this platform.

2

Hi @eric,

I tried to reproduce the problem with the same widget configuration with no success. The only incorrect thing I can see in your code snippet is the colon sign after “value” instead of the equal sign. However, this shouldn’t lead to a browser crash. Are there any other parts in your code that utilize JS API of the widget?

If possible, share URL of the page so that we can check it live.

4

I caught this error when wrapping <ngx-uploadcare-widget> with <label> element. The crash happens when you click on the file name in order to reupload the image.

5

@gerzoh1 what version of ngx-uploadcare-widget are you using? Can you share the code that reproduces the problem via CodePen or CodeSanbox so that our devs can check it live?