search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.1k stars 14.64k forks source link

[Bug Report] Incorrect object-fit result in IE 11 #17610

Open charlie0228 opened 4 years ago

charlie0228 commented 4 years ago

Element UI version

2.12.0

OS/Browsers version

Windows / IE 11

Vue version

2.6.10

Reproduction Link

https://codepen.io/charlie0228/pen/jONgeGK

Steps to reproduce

In the unsupported object-fit browser (e.g. IE 11), the simulate object-fit won't work correctly. You can see Reproduction Link in IE 11, the first section (Container: 200 x 100 Image: 400 x 300) the contain & cover is incorrect

IE 11: image

What is Expected?

Object-fit contain & cover are correct simulating in IE 11.

What is actually happening?

The simulate object-fit is not correct.

guAnsunyata commented 4 years ago

PR https://github.com/ElemeFE/element/pull/17611 solve the problem really well.

charlie0228 commented 4 years ago

The issue still remains in 2.13.2

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.