Default action of <input type="file" /> not working when inside draggable

[ibheem]

No description provided.

[reppners]

Which version are you using?

[ibheem]

I am using the same at, https://github.com/timruffles/ios-html5-drag-drop-shim/blob/master/release/index.js

this is the way I am using it

<script src="libs/mobile-drag-drop/release/index.min.js"></script> <script src="libs/mobile-drag-drop/release/scroll-behaviour.min.js"></script> <script> // options are optional ;) MobileDragDrop.polyfill({ // use this to make use of the scroll behaviour dragImageTranslateOverride: MobileDragDrop.scrollBehaviourDragImageTranslateOverride }); </script>

But again I am not finding my website responding to drag and drop at IOS

[reppners]

Can you provide a minimal example with steps to reproduce (maybe a plunkr) your use case?
Otherwise its pretty hard to guess where things go wrong.

[ibheem]

Sir plz check the link: http://www.minddigital.net/jacklim/canvas_designer/
the required css which was needed to add are

and the js are

<script src="js/dnd_fix.js"></script>

    <script src="js/scroll_fix.js"></script>

[reppners]

Your bug report is still lacking information to track the issue down.

Please don't mistake this, I'm really trying to help you but I'm doing this in my free time so it is in your interest to be as detailed as possible when reporting an issue so I can focus on providing a fix or guide you without having me to dig into your exact project which I just can't afford in the time I have to maintain this project.

• Please tell step by step what you are trying to achieve and in which environment/circumstances it works and in which environment/circumstances it does not work.
• Please tell where exactly your desired outcome is not achieved and what happens instead
• Please tell what other drag and drop utilities you are using and how you code your drag and drop operations.

[reppners]

Nonetheless I'm taking a guess on what could be the problem.

You're using an <input type="file"> but this input is somehow nested into something that is draggable by default (like e.g. an <a>mylink</a>) which somehow results in the <input type="file" /> not working.

So one fix could be this:
<a draggable="false"><input type="file" /></a>

[ibheem]

Hi Sir,
Thanks for the guidance.
Meanwhile many apologies for making you to face a lot some of mesh I have created. The bug has been resolved following your solution. Apart from this I would like to request you to please consider me as your associate in any kind of your works , I feel I will learn a lot with sheer dedication and can really make some worth contributions in your works while learning from each ounce of them.
I will be highly obliged to you, for your consideration.

[reppners]

You're welcome, glad you were able to work around it with the mentioned fix.

The issue you were experiencing shouldn't be there in the first place since the libraries goal is to enable inputs of all kinds contained in draggables.

I'll keep this issue open until its investigated if a solution can be found to make the default action of input type="file" work.