[Webkit-unassigned] [Bug 172926] New: Viewport units change when contentEditable is in an iframe

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=172926

            Bug ID: 172926
           Summary: Viewport units change when contentEditable is in an
                    iframe
           Product: WebKit
           Version: Safari 10
          Hardware: iPhone / iPad
                OS: iOS 10
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: cory at abeautifulsite.net

Created attachment 312015

  --> https://bugs.webkit.org/attachment.cgi?id=312015&action=review

Test case

This issue appears to affect any element using viewport units on an iOS device. When a contentEditable element is inside an iframe and the content changes, causing the iframe to grow (e.g. hitting enter or pasting content), the viewport units also change. This causes all elements using viewport units to expand or contract accordingly, which makes it extremely difficult to perform simple editing tasks.

Test case: http://csnl.net/_stuff/ios-iframe.html

Video demonstrating the bug on iPad: http://csnl.net/_stuff/ios-ce-iframe-demo.mp4

This affects all contentEditable="true" elements rendered inside an iframe on iOS, including those controlled by TinyMCE, CKEditor, etc. While this might seem like an edge case, it's not uncommon to use an iframe for inline editing applications (e.g. https://www.postleaf.org) to scope HTML/CSS/JS separately from an admin panel.

Attached are the test files I linked to above.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170605/73e63b99/attachment.html>