[Webkit-unassigned] [Bug 130378] New: Resizing around responsive boundaries when using rem unit causes jank/jitter

[bugzilla-daemon at webkit.org]

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

           Summary: Resizing around responsive boundaries when using rem
                    unit causes jank/jitter
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://samhuri.net/f/grid-bug.html
        OS/Version: Mac OS X 10.9
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: sami.samhuri at gmail.com


Created an attachment (id=226994)
 --> (https://bugs.webkit.org/attachment.cgi?id=226994&action=review)
test case

When the font-size is defined on the html element and sizes are specified in rems, Safari 7 flickers the sizes back and forth when resizing around each responsive boundary.

Video: http://youtu.be/_36K18JheP4

Steps to reproduce

1. Visit http://samhuri.net/f/grid-bug.html in Safari 7 on a Mac.

2. Resize your browser window enough to cross a responsive boundary, 40rem or 64rem in this case.

3. Observe the jank

I fear I have not described the problem well, please see the attached test case. It should be clear. Let me know if I can help with anything!

-s

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.