Skip to content
This repository was archived by the owner on Sep 8, 2020. It is now read-only.

UI sortable & contenteditable div does not work #188

Closed
asithw opened this issue Jun 2, 2014 · 3 comments
Closed

UI sortable & contenteditable div does not work #188

asithw opened this issue Jun 2, 2014 · 3 comments

Comments

@asithw
Copy link

asithw commented Jun 2, 2014

when content editable div cannot edit with in sortable elements

following example cannot edit item name properly
http://codepen.io/anon/pen/kCfsL

@thgreasi
Copy link
Contributor

thgreasi commented Jun 3, 2014

A quick Google search showed that you can't just place a contenteditable with angularjs and have it just work. Use an input with ng-bind or an other directive dedicated to this use case.
If you just can't get a cursor and start typing

  • try using an inner div with contenteditable and
  • check jquery UI docs for an option that disables selection

@thgreasi thgreasi added invalid and removed invalid labels Jun 3, 2014
@thgreasi
Copy link
Contributor

thgreasi commented Jun 3, 2014

I was not able to use contenteditable in this simple non-angularJS example. I suppose this issue should be closed and your use case should be discussed somewhere else.

You might want to take a look at the proposed directive in #11.

@renehamburger
Copy link

Related to this issue: it is not possible to enter a contenteditable element within a ui-sortable container with a left click. See http://codepen.io/rh/pen/oXGORP.

It is possible to enter it with tab or a right click.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants