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.”