From 4efb8ebc33325761cdb7936a2bbb234cde0ec9da Mon Sep 17 00:00:00 2001
From: Shawn <shawn@kafei.io>
Date: Fri, 30 Nov 2018 01:30:21 -0600
Subject: [PATCH] Attempt to fix Facebook's browser file picker
---
client/src/containers/Dropzone/view.jsx | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/client/src/containers/Dropzone/view.jsx b/client/src/containers/Dropzone/view.jsx
index f7f05a95..10bd9aaa 100644
--- a/client/src/containers/Dropzone/view.jsx
+++ b/client/src/containers/Dropzone/view.jsx
@@ -10,6 +10,14 @@ import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faEdit } from '@fortawesome/free-solid-svg-icons';
+const isFacebook = (() => {
+ if(typeof window === 'undefined') {
+ return false;
+ }
+ const ua = window.navigator.userAgent || window.navigator.vendor || window.window.opera;
+ return ua.indexOf('FBAN') !== -1 || ua.indexOf('FBAV') !== -1;
+})();
+
class Dropzone extends React.Component {
constructor (props) {
super(props);
@@ -197,7 +205,7 @@ class Dropzone extends React.Component {
type='file'
id='file_input'
name='file_input'
- accept='video/*,image/*'
+ {...(isFacebook ? {} : { accept: 'video/*,image/*' })}
onChange={this.handleFileInput}
encType='multipart/form-data'
/>