Input field malfunctions when draggable=true

Confirmed Issue #10375756

Details

Created
Jan 3, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Reports
Reported by 4 people

Sign in to watch or report this issue.

Steps to reproduce

This is reproducible in Edge and IE11

How to reproduce:
Put an input with type=text and draggable=true.
Or
Put an input with type=text and a div around it, where the div has draggable=true

Result:
-You can’t single click to get the cursor inside the input for start typing.
-You can double click to get cursor, but then you can not select text or move cursor position by clicking

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Status to “By design”

    • I can accept “By Design” if you provide some sort of explanation please.

      The use case for which we apply this pattern is within a pretty big search form, where the user can rearrange input fields according to which ones he feels is most relevant.

    • Hello:

      This scenario is not possible with modern browsers. Adding input fields inside an actively-draggable element is not a supported scenario in either browser, and we recognize it doesn’t work properly as a result.

      Because of this, we feel this is done by design and we can revisit this request in the future.

      Best Regards,
      The MS Edge Team

    • This is not really a valid answer.

      Chrome and Firefox both support this behavior; this makes IE11 and Edge both inconsistent with other browsers when using HTML 5 Drag and Drop.

      There are consistent issues that have to be dealt with between all major browsers, such as being unable to click-drag to select text (which obviously is not a scenario that can be solved) but the requirement of having to double-click to put your cursor into an input is one that should be solvable in IE11 and Edge if it is solvable in all other browsers.

    • Microsoft Edge Team

      Changed Status from “By design” to “Confirmed”

    • Hello,

      Thank you for providing this information about the issue. We have confirmed the problem, and we are working on a solution for a future build of Edge. We are presently tracking this issue as a duplicate of an existing internal bug report. We look forward to additional feedback you may have on how we can improve Microsoft Edge.

      Best Wishes,
      The MS Edge Team

    • I came across this problem where in my case the draggable=true is set on an iframe. The iframe displays a form with some input elements.

    You need to sign in to your Microsoft account to add a comment.

    Sign in