[Webkit-unassigned] [Bug 189510] New: Some images are not shown on the screen when they should be

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Sep 11 11:15:05 PDT 2018


            Bug ID: 189510
           Summary: Some images are not shown on the screen when they
                    should be
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: iOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: setpous at amazon.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 349415

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

Minimal Example to Reproduce Bug

Code path that leads to the problem
1. Put the image in an iFrame, with the iFrame positioned so that the image is off screen
2. ensure the iFrame has the CSS property "writing-mode: vertical-rl;"
3. Programmatically move the iFrame so that the image is on screen.

Steps to Reproduce: 
To see bug in the attached minimal example:
1. run `python -m SimpleHTTPServer` in the directory of index.html
2. point Safari to http://localhost:8000/
3. Click on "next page" a few times to observe images sometimes missing (web inspector will show that they are there, but you can't actually see them)
4. to see the problem again, use Cmd + option + R to invalidate caches and reload

Reproducible on newer version of Safari (11.1.2, maybe others also) and the WebView on iOS 11+

Attempted workarounds: 
-putting a border on the image
-adding style "transform: translateZ(0)" (works, but makes the images blurred by
  about a pixel, even when used together with "filter: blur(0)")
-clearing then resetting src attribute of image when the image is to be shown
-changing the opacity of the image to 0, then transitioning it back to 1 when the
  image is shown
-toggling the visibility attribute
-toggling the display style
-constructing an entirely new Image node and replacing the original one in the tree

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/20180911/d2dd4f4a/attachment-0001.html>

More information about the webkit-unassigned mailing list