Unable to use drag and drop in AEM 6.3

Is this a known issue and if so, what's the fix for this?

Drag and Drop Image(File upload) when used as first level field it is working fine.

<bannerImage

jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/foundation/form/fileupload"

autoStart="{Boolean}false"

class="cq-droptarget"

disabled="false"

fieldLabel="Banner Image"

fileNameParameter="./bannerImage"

    fileReferenceParameter="./bannerImageRef"

mimeTypes="[image]"

multiple="{Boolean}false"

name="./bannerImage"

title="Upload Image Asset"

uploadUrl="${suffix.path}"

useHTML5="{Boolean}true" />

But when used as part of Multifield it is not working --- we are able to drag and drop an image from content finder but when we save the dialog, values not saving to JCR.

<mediaitems

jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/coral/foundation/form/multifield"

composite="{Boolean}true"

fieldLabel="Click on &quot;ADD&quot; to add a Media Item"

name="./mediaitems">

<field

jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/coral/foundation/container"

name="./multifieldlist">

<items jcr:primaryType="nt:unstructured">

<column

jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/coral/foundation/container">

<items jcr:primaryType="nt:unstructured">

  <bannerImage

  jcr:primaryType="nt:unstructured"

  sling:resourceType="granite/ui/components/foundation/form/fileupload"

  autoStart="{Boolean}false"

  class="cq-droptarget"

  disabled="false"

  fieldLabel="Banner Image"

  fileNameParameter="./bannerImage"

  fileReferenceParameter="./bannerImageRef"

  mimeTypes="[image]"

  multiple="{Boolean}false"

  name="./bannerImage"

  title="Upload Image Asset"

  uploadUrl="${suffix.path}"

  useHTML5="{Boolean}true" />

  </items>

  </column>

  </items>

  </field>

  </mediaitems>