Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-4157

contentEditable is not working on ios mobile device

    Details

    • Type: Bug
    • Status: Open
    • Priority: Normal
    • Resolution: Unresolved
    • Affects Version/s: 8.6.0.1
    • Fix Version/s: None
    • Component/s: Browser Issue
    • Labels:
      None
    • Environment:

      ipad safari, ipad chrome

      Description

      Steps to Reproduce

      test this fiddle in a ios mobile device.
      http://zkfiddle.org/sample/38ir4c8/4-ZK-contenteditable

      Current Result

      cannot edit the things in the div

      Expected Result

      can edit the things in the editable part

      Debug Information

      Caused by this mobile style:

      *,
      *:before,
      *:after {
        -webkit-user-drag: none;
        -webkit-user-select: none;
      }
      

      https://stackoverflow.com/a/23767639

      Workaround

      Add style in zul

      <style>
      [contenteditable] {
          -webkit-user-select: text;
          user-select: text;
      }
      </style>
      

      http://zkfiddle.org/sample/38ir4c8/5-ZK-contenteditable

        Activity

        There are no comments yet on this issue.

          People

          • Assignee:
            Leon03 Leon03
            Reporter:
            Leon03 Leon03
          • Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

            • Created:
              Updated: