Steps to reproduce
Items in a flexbox appear to be centered within the offsetHeight of their container instead of the clientHeight.
This happens regardless of the methodology used for vertical centering:
- “flex-direction: column” container with “justify-content: center”
- “flex-direction: row” container with “align-items: center”
3: “flex-direction: column” container with auto-margin item
4: “flex-direction: row” container with auto-margin item
See the attached test case. In all of the vertical centering examples the vertical position of the centered item is off by roughly half a scrollbar size.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Ibrahim O.”
Changed Assigned To from “Ibrahim O.” to “Bogdan B.”
Changed Assigned To from “Bogdan B.” to “Greg W.”
Changed Status to “Confirmed”