search

ruphin / slidem

Web Component based Presentation Library
https://slidem.ruph.in
MIT License
18 stars 3 forks source link

IE11 offsets the content to the right #3

Closed ruphin closed 6 years ago

ruphin commented 6 years ago

In IE11, the content window is offset to the right with about 100 pixels, which can even result in the content being partially positioned offscreen.

ruphin commented 6 years ago

I figured out the root cause of this.

A flex element with a child that is larger than the parent, with flex-resize: 0, will not be centred and instead will overflow on the right. This causes the element to be misaligned.

ruphin commented 6 years ago

Pen with the issue: https://codepen.io/ruphin/pen/YJZXJZ

ruphin commented 6 years ago

Resolved by adding an additional flex container for centering