File upload does not work for small devices (Mobile) about quill HOT 8 OPEN

Solution: react-dropzone/react-dropzone#1196 (comment)

const { open } = useDropzone()

return (
  ...
  <Dropzone
      noClick={true}
      ...
  >
      {({ getRootProps, getInputProps, acceptedFiles }) => (
        <div
          onClick={open}
          ...

from quill.

Solution: react-dropzone/react-dropzone#1196 (comment)

const { open } = useDropzone()

return (
  ...
  <Dropzone
      noClick={true}
      ...
  >
      {({ getRootProps, getInputProps, acceptedFiles }) => (
        <div
          onClick={open}
          ...

It works in localhost but not in deployed version
Check this:- https://github.com/Sahil-pvt/PDFAskMate/blob/master/src/components/UploadButton.tsx

from quill.

You have to destructure open from the useDropzone hook:

import Dropzone, { useDropzone } from 'react-dropzone'
...
const { open } = useDropzone()

You're passing in open as a prop from the dialog which is false.

Can confirm that it 100% works on iPhone.

from quill.

You have to destructure open from the useDropzone hook:

import Dropzone, { useDropzone } from 'react-dropzone'
...
const { open } = useDropzone()

You're passing in open as a prop from the dialog which is false.

Can confirm that it 100% works on iPhone.

Again same problem!!

from quill.

You have to destructure open from the useDropzone hook:

import Dropzone, { useDropzone } from 'react-dropzone'
...
const { open } = useDropzone()

You're passing in open as a prop from the dialog which is false.
Can confirm that it 100% works on iPhone.

Again same problem!!

https://gist.github.com/stabildev/6cb5651db2f97274a6ce8f6355679648

from quill.

You have to destructure open from the useDropzone hook:

import Dropzone, { useDropzone } from 'react-dropzone'
...
const { open } = useDropzone()

You're passing in open as a prop from the dialog which is false.
Can confirm that it 100% works on iPhone.

Again same problem!!

https://gist.github.com/stabildev/6cb5651db2f97274a6ce8f6355679648

Still not working 🙃, btw thanks for this

from quill.

im faced the same problem and this code is work properly with me:

import { useDropzone } from "react-dropzone";
....
const { acceptedFiles, getRootProps, getInputProps } = useDropzone({
    multiple: false,
    accept: { "application/pdf": [] },
    noClick: isUploading,
    onDrop: async (acceptedFile) => {
      //put onDrop func logic
    },
  });
  return <div
      {...getRootProps()}
      className="border h-64 m-4 border-dashed border-gray-300 rounded-lg"
    >
    .....
    <input {...getInputProps()} className="hidden" />
   </div>

from quill.

Same problem. not working for me too.

• Next.js v13.2.4,
• react-dropzone v14.2.3

from quill.