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

contentEditable is not working on ios mobile device

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 8.6.0.1
    • Fix Version/s: 8.6.1
    • 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

        Attachments

          Activity

            People

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

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

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