<div xmlns:h="native" width="100%" height="100%" style="overflow-y: auto">
    <style>
    .photo { 
        border: 1px dashed grey; 
        border-radius: 10px; 
        width: 100px; 
        height: 100px; 
        background-color: #eee;
    }
    .dropzone {
        border: 1px solid grey;
        min-height: 100px;
    }
    </style>
    <separator spacing="500px"/>
    <div>
        <image id="img" sclass="photo" />
        <dropupload maxsize="50" detection="browser" anchor="${img}" content="Drag your photo here (size &lt; 50KB)" />
    </div>
    <groupbox title="Attachments: (drag and drop your files below - multiple allowed)" open="true">
        <div id="target" sclass="dropzone"/>
        <dropupload maxsize="1024" detection="browser" anchor="${target}" content="Drag your files here (size &lt; 1MB)" />
    </groupbox>
    <separator spacing="500px"/>
</div>

.z-dropupload {
    position: absolute !important;
}