Parent container size calculated incorrectly if child element uses position: absolute in combination with transform: translate

Won’t fix Issue #107210

Details

Created
Apr 27, 2014
Privacy
This issue is public.
Found in build #
0.0011
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL = http://jsfiddle.net/93PdR/4/

URL:

Repro Steps:

  1. Have an element with fixed dimensions, position: relative and overflow:auto
  2. Have a child element with fixed dimensions, position: absolute, left: 50%, top: 50% and transform: translate(-50%, -50%)
  3. Manually inspect area of element from step #1

The following jsfiddle shows the problem:

http://jsfiddle.net/93PdR/4/

Expected Results:

Effect of Translate transformation is taken into account when calculating scrollable area size.

Actual Results:

 

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Sam F.”

      Changed Steps to Reproduce

      Changed Status to “Confirmed”

      Changed Assigned To from “Sam F.” to “IPBS P.”

      Changed Status from “Confirmed” to “Won’t fix”

      Changed Assigned To from “IPBS P.” to “Christian F.”

      Changed Status from “Won’t fix” to “Fixed”

      Changed Status from “Fixed” to “Won’t fix”

      Changed Steps to Reproduce

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

    Sign in