[Webkit-unassigned] [Bug 163893] New: transition: all changes font-size

[bugzilla-daemon at webkit.org]

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

            Bug ID: 163893
           Summary: transition: all changes font-size
    Classification: Unclassified
           Product: WebKit
           Version: Safari 10
          Hardware: iPhone / iPad
                OS: iOS 10
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: unknown9595 at hotmail.com
                CC: dino at apple.com

Overview:
I was getting an issue on a live site, where tapping on a form would alter the font-size, making it grown and shrink very quickly and causing a reflow.

This is only an issue on iOS10 > 10.0.3 Safari on iPhone, doesn't affect iPad or Desktop Safari

I've boiled it down to a simple codepen, its quite hard to trigger, normally adding an click eventListener would make it easier, but for simplicity this is how to replicate it. 

Go to this codepen; http://codepen.io/unknown9595/pen/jrdRKK
The P tags have only one style; 'transition: all'
If you inspect the P tags in inspector (might be easier to download the codepen)
In CSS Styles panel, trigger either 'hover', 'active', 'focus'
The font sizes will grow and shrink
Based on only having one CSS rule, nothing should change.

Expected Results: What the application should have done, were the bug not present.
Font size should not change.

Build Date & Platform: iOS10 on iPhone

Additional Builds and Platforms: Only iPhone iOS10

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20161024/0144af0d/attachment.html>