Common transition from percent value to unitless value jumps through 100%

Confirmed Issue #8175114 • Assigned to Kevin B.

Details

Author
Stephan T.
Created
Jul 14, 2016
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

  1. Take an inline element with position:relative
  2. Append a child element with position:absolute
  3. Animate child’s left (or right) via transition
  4. The child jumps while transitioning
    Sample: http://codepen.io/anon/pen/OXzrJJ (hover over text)

 

Only repros at high DPI

Attachments

0 attachments

    Comments and activity

    • Bug found in IE11 and Edge, but not in Chrome and Firefox.

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

      Changed Assigned To to “Rick J.”

      Changed Steps to Reproduce

      Changed Assigned To to “Bogdan B.”

      Changed Assigned To from “Bogdan B.” to “Kevin B.”

      Changed Status to “Confirmed”

      Changed Title from “Transitioning Left of absolute positioned elements within inline element” to “Common transition from percent value to unitless value jumps through 100%”

    • At least I would expect that animating for example “25%” to “0” should have the same animation in result as if animating to "0%". However Edge appends a “px” to 0, even though according to http://www.w3.org/TR/CSS2/syndata.html#length-units “After a zero length, the unit identifier is optional.”

      Thank you for working on Edge :)

    You need to sign in to your Microsoft account to add a comment.

    Sign in