Proposal: the way to apply fix for SVG images w/ .img-fluid in IE 9-10 automatically

[juliyvchirkov]

as declared at https://getbootstrap.com/docs/4.0/content/images/ IE 9-10 sizes SVG images w/ .img-fluid disproportionately, but no fix is applied automatically 'cause the offered workaround fixes responsivity for SVG images on one hand but breaks it for other image formats on another

the proposal is to add

.img-fluid[src$=.svg] {
    width: 100% \9;
}

since the fix «width: 100% \9» is targeted to IE & ignored as malformed by other browsers, & the selector «src$=.svg» forces the rule to be applied only if image url in src attribute has «svg» extension, this should achieve the goal

[chiraggmodi]

we have dropped support for IE 9, so I don't think it is necessary to add

[juliyvchirkov]

yep, as I see IE9 support has been dropped, but beta 4.0 still declares the support for IE10 https://getbootstrap.com/docs/4.0/getting-started/browsers-devices/

so since the IE10 inherits the bug on SVG proportions w/ .img-fluid from v9 while percent of SVG images is widely growing nowadays, maybe there's a reason to apply the workaround for v10 till the support for IE will be dropped completely

[Herst]

IE9 was dropped in December (see #21416) but IE10 was not; however, people were told to "keep the feedback coming in".

[mdo]

No plans to add this automatically at this point. Have heard very few issues about this one since originally opening and don't want to cause more confusion by making it the default now. Thanks though!