Contenteditable doesn't work when using touch of another div

Please bear with me, but this is a very specific problem and it needs a little background, and this is a problem specific to iPad iOS 5.0

Imagine you are creating an HTML page that translates an IDE. On the left side is the explorer, and on the right side is the edit field, which uses a field suitable for content.

Here is a simplified structure:

<div id="left">
<ul>
    <li>hello</li>
    <li>hello</li>
    <li>hello</li>
    <li>hello</li>
    <li>hello</li>
    <li>hello</li>
</ul>
</div>
<div id="content">
    <div id="editable" contenteditable="true">
    edit here...
    </div>
</div>

Imagine there are hundreds of greetings in the left box. I use the iScroll4 library to convert these items to a scroll system. Scrolling works fine using touch.

. , , . , . , .

<a href="javascript:touched()">touch me</a>

, - , . , , . . . , .

, , , ? document.onkey, . kicks , . .

, , contenteditable . - - . - ? - ?

+5
1

- CSS, contenteditable:

*[contenteditable=true]{
  pointer-events:none;
}

, , .

0

All Articles