Transition offsets from percent value to pixel value jumps when the containing block is inline relative

Fixed, not yet flighted Issue #8175114

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 :)

    • Microsoft Edge Team

      Changed Assigned To from “Kevin B.” to “Jianyong M.”

      Changed Status from “Confirmed” to “In progress”

      Changed Title from “Common transition from percent value to unitless value jumps through 100%” to “Transition from percent value to pixel value jumps when the containing block is inline relative”

      Changed Title from “Transition from percent value to pixel value jumps when the containing block is inline relative” to “Transition offsets from percent value to pixel value jumps when the containing block is inline relative”

      Changed Status from “In progress” to “Fixed”

      Changed Status from “Fixed” to “Fixed, not yet flighted”

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

    Sign in