-
Notifications
You must be signed in to change notification settings - Fork 78
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
The close button overlaps with filter field in filespicker popup #522
Comments
Can you please provide an update on this? |
I see the same behavior |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
We have integrated filestack-js to our react js project. When file picker popup to select files is opened, the close button at the top right corner overlaps with filter field to the left of it.
Expected Behavior
The Close button on the popup should not overlap with filter field
Current Behavior
The Close button is overlapping with the filter field
Possible Solution
Steps to Reproduce (for bugs)
Code for integration:
static uploadProject(uploadCallback, errorCallback) {
const client = filestack.init('KEY');
const options = {
fromSources: ['local_file_system'],
maxFiles: 1,
accept: ['video/mp4', 'video/quicktime', 'video/x-msvideo'],
storeTo: {
location: 's3',
},
uploadConfig: {
retry: 5,
timeout: 60000
},
onFileSelected: (file) => {
console.log(TAG + ' onFileSelected: ', file)
if (file.size > 5 * 1000 * 1000 * 1000) {
return Promise.reject('File size exceeds 5GB limit')
}
},
acceptFn: (file, options) => {
return options.mimeFromMagicBytes(file.originalFile).then((res) => {
const mimeFromMagicBytes = res
const mimeTypeFromExtn = options.mimeFromExtension(file.originalFile.name)
console.log('res', res, mimeTypeFromExtn);
if (options.accept && options.accept.length > 0) {
if (!(options.accept.includes(mimeFromMagicBytes) || options.accept.includes(mimeTypeFromExtn))) {
return Promise.reject('Supported file formats are .mp4, .mov and .avi')
}
}
});
},
onUploadStarted: () => {
console.log(TAG + ' Upload Started')
},
onFileUploadProgress: (data, event) => {
console.log(TAG + ' onFileUploadProgress' + event.totalBytes + ' ' + event.totalPercent)
},
onClose: (data) => {
console.log(TAG + ' onClose', data)
},
onUploadDone: (uploadResponse) => {
console.log(TAG + ' onUploadDone', uploadResponse)
uploadCallback(uploadResponse)
},
onFileUploadFailed: (pickerFileMetadata, error) => {
errorCallback(pickerFileMetadata, error)
}
};
client.picker(options).open();
}
Additional Screenshots
Context
Your Environment
The text was updated successfully, but these errors were encountered: