Internet Explorer

— 2 minute read

  • Excellent list of what is supported in IE: https://devhints.io/ie

Not Supported permalink

  • Custom Event (new CustomEvent('eventName'))
    • Polyfill works for this
  • Fetch
  • URL API/Object
    • https://www.npmjs.com/package/@publica/url-polyfill

fit-content (All versions of IE & Edge) permalink

  • Issue: IE does not support fit-content ( width: fit-content;)
  • Fix: Replace style rule with display: table !important;

Sources:

  • https://caniuse.com/#feat=intrinsic-width
  • https://github.com/aurelia/dialog/issues/91

Note: May not be supported in some versions of Edge as well. There was conflicting information between the fit-content & width pages on MDN. The intrinsic-width page on CanIUse seems to state fit-content is not supported in the latest versions of Edge, which would insinuate that fit-content is not supported in any version of Edge (or IE).

Bugs permalink

<textarea> placeholder becomes value (IE 11) permalink

This issue is caused by a bug in IE 11 that Microsoft will not fix.

  • Issue: A textarea's placeholder text becomes it's actual value
  • Fix: Add click handler for all textarea elements, if value matches placeholder set value to empty string
$('body').on('click', 'textarea', function(e) {
var $textarea = $(e.target);
$textarea.val() === $textarea.attr('placeholder') && $textarea.val('');
});

// OR:

$('textarea').each(function(i) {
var $textarea = $(this);
$textarea.val() === $textarea.attr('placeholder') && $textarea.val('');
});