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

contentEditable is not working on ios mobile device

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 8.6.1
    • 8.6.0.1
    • Browser Issue
    • None
    • ipad safari, ipad chrome

    • None

      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

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

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 4 hours
                4h
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 4 hours
                4h