IE 11获取表单输入错误

Question

我认为这是一个非常特殊的Bug，我希望你能帮到我。 首先是我的设置：

我在我的网络项目中使用了ES6，并且我正在加载一个带有fetch到叠加层的表单。一切正常，直到我尝试填写我的输入字段。输入似乎失去焦点，但我使用document.activeElement并且输入被正确聚焦。光标丢失了，这正是问题所在。

箭头显示光标，该光标绝对不在输入中。

所有浏览器都能正常运行（即使在IE10中，问题仍然存在）。

为了防止ES6出现Internet Explorer 11问题，​​我使用了babel-polyfill，并且该浏览器中没有出现任何错误。

我删除了所有的CSS以排除损坏css的可能性，我删除了几乎所有的JS而不是我的fetch调用。

fetch(url, {credentials: 'include'}).then(function (response) {
  if(response.ok) {
    return response.text();
  } else {
    return false;
  }
  }).then(function (body) {
    let div = document.createElement('div'), content;
    $(div).html(body);
    content = div.getElementsByClassName('content')[0];
    overlay.querySelectorAll('.content-wrapper')[0].appendChild(content);
});

overlay是我之前添加的DOM对象，我想插入我提取的表单。

我唯一的解释是IE11和ES6之间的问题，甚至babel-polyfill也无法解决这个问题。

有这种经历的其他人吗？我希望有人可以提供帮助。谢谢！