This is a migrated thread and some comments may be shown as answers.

IE 11 will not Allow Drag/Drop

7 Answers 308 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
BRIAN
Top achievements
Rank 1
BRIAN asked on 03 Jan 2014, 09:12 PM

Hello,

 

I have an ASP.NET site that has been working fine and continues to work for IE 10 users. But for those who have upgraded to IE 11, the RadAsyncUpload no longer works when trying to drag/drop files. For example, if an IE 10 user has Windows Explorer and the webpage side-by-side, they can easily drag a file from Windows Explorer, and successfully drop the file onto the RadAsyncUpload control (the control is embedded in the webpage). By if an IE 11 user attempts to do the same thing, nothing happens. When they drop the file on the RadAsyncUpload control, it just disappears.

 

My webpage is basically modeled after the AsyncUpload - File Upload with Drag and Drop demo. This has been working for months. The problem began with some of the IE 10 users upgraded to IE 11. The IE 11 users can click the [Select] button and successfully add files to upload, but they can no longer drag/drop.

 

I’ve tried to resolve this issue by applying the suggestions in the following Internet resources, but have had no luck resolving the problem:

 

    How to get your ASP.NET application working in IE11

    http://blogs.telerik.com/aspnet-ajax/posts/13-12-19/how-to-get-your-asp.net-application-working-in-ie11

 

    ASP.NET Doesn’t Detect IE11

    http://jwcooney.com/2013/11/19/asp-net-doesnt-detect-ie11/

 

Does anyone know how I can resolve this issue I am having with IE 11?

 

Thank you

7 Answers, 1 is accepted

Sort by
0
BRIAN
Top achievements
Rank 1
answered on 07 Jan 2014, 09:47 PM

I have not gotten any response to this issue yet. Does that mean that everyone else is stumped like I am? Or does that mean that the forum is too busy to respond?

 

In the meantime, I have run some additional tests. My important discoveries are listed below.

 

I deployed my ASP.NET app to a Windows 7 machine that runs IIS7. The drag/drop feature of the RadAsyncUpload control works fine in this environment while I am using IE 11.

 

The difference is this; in my initial post, I was describing my ASP.NET app that is hosted on a Windows Server 2008 R2 Standard edition with Service Pack 1 running IIS 7. It is also a Domain Controller. I am not sure why running the ASP.NET app on Windows 7 vs. 2008 would make a difference, unless it has something to do with tighter security on Windows 2008, especially since it is a DC.

 

To make this more puzzling, however, I rolled the Windows 2008 server back to IE 10, and it still will not function with the RadAsyncUpload control. This worked before and now it is not working. So now I am thinking that there may have been some additional update, along with the IE 11 upgrade that got installed on this server, which is ultimately causing this problem on the server.

 

Is anyone aware of any Windows updates that may create problems for the RadAsyncUpload control?

 

Thank you

0
Peter Filipov
Telerik team
answered on 08 Jan 2014, 11:14 AM
Hi Brian,

I have tested our online demo and the drag and drop functionality works fine under IE11. My suggestion is that your IE browser has been opened under some of the IE modes (e.g. IE9) where the drag and drop is not supported. Please open the developer tools and check under which version you are testing.

Regards,
Peter Filipov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
BRIAN
Top achievements
Rank 1
answered on 16 Jan 2014, 08:44 PM
I have been able to prevent this problem by adding the following metadata to the <head> tag of each page that uses the RadAsyncUpload control:

<head>

    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" />

</head>

0
Pankaj
Top achievements
Rank 1
answered on 02 Apr 2015, 12:45 PM
same problem i am facing.
i have add in page
<head>

    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" />

</head>
but not resolve this.
0
Peter Filipov
Telerik team
answered on 07 Apr 2015, 07:18 AM
Hi Pankaj,

Could drag and drop files on our online demos? 

Regards,
Peter Filipov
Telerik
 

See What's Next in App Development. Register for TelerikNEXT.

 
0
Avinash
Top achievements
Rank 1
answered on 02 Apr 2018, 11:19 AM

Hi ,

I am using version 2011.2.915.40 of the telerik.web.ui .it supports drag and drop on RadAsyncUpload in chrome,not supported in ie10,11

How can we support to ie10,11 with out updating to the telerik.web.ui  new version?

 

0
Marin Bratanov
Telerik team
answered on 02 Apr 2018, 12:59 PM
Hello,

I have replied to your support ticket and the other forum thread you posted this question in, and I am pasting my answer here so it is available to anyone else having a similar question.

-----

The shortest possible answer to your direct question is, I'm sorry to say, "no". This is a big feature and it is not possible to extract it in a simple function override.

That said, I strongly advise that you review the remaining information below as it may be important in your decision making process.

There are a few important factors pertaining to the drag-and-drop feature:

To distill the information from the articles above - the 2011.2.915 version cannot support drag and drop in any browser. The fact that it works in Chrome is because Chrome have implemented it in a bacwards compatible way for the <input type="file" /> element itself (that, is, you can drop a file on the input and it will be accepted). Also, such an old version cannot support IE10 or IE11, or any newer browser (including the current Chrome versions).

All that being said, the best advice I can offer, so you can get support for the current browsers and features, is that you upgrade to the latest version (R1 2018 at the time of writing).

Regards,
Marin Bratanov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
AsyncUpload
Asked by
BRIAN
Top achievements
Rank 1
Answers by
BRIAN
Top achievements
Rank 1
Peter Filipov
Telerik team
Pankaj
Top achievements
Rank 1
Avinash
Top achievements
Rank 1
Marin Bratanov
Telerik team
Share this question
or