filestack / filestack-react

Official React component for Filestack - API and content management system that makes it easy to add powerful file uploading and transformation capabilities to any web or mobile application.
https://www.filestack.com
MIT License
164 stars 40 forks source link

IE11 issue #67

Open ksntcrq opened 5 years ago

ksntcrq commented 5 years ago

Hey,

The latest release (3.0.0) of filestack-react introduces a new bug in IE11:

image

The page crashes and becomes white because of the component.

Killian

AndrzejSala commented 5 years ago

@killiansc Can you share props which you pass to the component? This problem occurs at start or after some action?

ksntcrq commented 5 years ago

@AndrzejSala this problem happens when the component has to render, not after any action.

The code is the following:

            <ReactFilestack
                apikey={this.props.apiKey}
                customRender={({ onPick }) => (
                    <button
                        className={classNames('btn-stu btn-primary-stu', this.props.className)}
                        data-test-selector="filestack-button"
                        onClick={(e) => {
                            this.props.onClick();
                            onPick(e);
                        }}
                    >
                        {Lang.get('upload_from_cloud')}
                    </button>
                )}
                clientOptions={{
                    sessionCache: true,
                }}
                actionOptions={{
                    fromSources: [
                        'googledrive',
                        'dropbox',
                        'onedrive',
                    ],
                    accept: [
                        'application/pdf',
                        'application/msword',
                        'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
                    ],
                    maxFiles: 100,
                    onFileUploadStarted: this.props.onUploadFileStarted,
                    onFileSelected: this.handleFileSelected,
                    customText: { ... },
                }}
                onSuccess={this.handleDocumentsUploadedFromCloud}
            />
ksntcrq commented 5 years ago

@AndrzejSala any news about this?

I don't have the issue described above anymore - maybe because of a React version bump -, but I do have a new problem on IE11. When opening the Filestack modal, the only thing I can get is "Something went wrong" with a "Retry" button. Do you know what's happening?

jakubpeksa commented 3 years ago

Is this still happening in 4.0 version? Isn't that filestack-js-core library?