1. Edit the _data/metadata.json with your site's information.
  2. (Optional) Edit .eleventy.js with your configuration preferences.
  3. Delete this message from _includes/layouts/base.njk.

This is an Eleventy project created from the eleventy-starter repo.

Internet Explorer

Not Supported #

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

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


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 #

<textarea> placeholder becomes value (IE 11) #

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('');

Share on Twitter