Sure thing...done :: http://jsbin.com/utoxef/3/edit
Couple things to note.
- Behavior in IE is different than in Chrome/Firefox
- We need it to work in IE
Ha. So, I am aware that the drag-n-drop features are not available in IE and we're totally fine with that (except for the fact there's no way to completely disable the option so the component can be equal in both browsers.)
What has been a real question is how in IE, if you focus on the pre-upload input, it takes an additional tab to get to the post-upload input box. In both browsers, I can emulate a 'hover' but there I cannot gain access to the 'focus' visual state of the control...so, in the flow of our forms, the kendo ui upload 'button' is incredibly evasive.
I have tried numerous attempts at catching the focus and tracking the tab order...but in IE, it simply doesn't make any sense and seems to be a black hole for this extra tab...it's as if both tabs do, in fact, focus on the same object, however the state of the control is unaware.
I would think that the 'invisible' input field and the input[type=file] and the div button would be the culprit, but it's killing me that I can't even hack around it.
Thanks for your attention to the matter.