javascript - Safari での documentFragment.querySelector の問題

Question

documentFragmentjavascriptquerySelectorメソッドを使用して要素を取得しようとしています。

Chrome と Firefox では期待どおりの結果が得られますが、Safari (Mac OS、Safari 12.0.2) ではそうではありません。

function msg(s) {
  document.getElementById("a").innerHTML += s + "<br>";
}

var myRoot, e;

myRoot = document.createDocumentFragment();

e = document.createElement("div");
e.id = "child1";
e.innerHTML = "Hello!";
myRoot.appendChild(e);

e = myRoot.querySelector("div:nth-of-type(1)");
if (e) {
  msg("1st div tag in fragment: " + e.id);
} else {
  msg("Error when retrieving 1st div tag in fragment");
}

document.body.appendChild(myRoot);

e = document.querySelector("div:nth-of-type(1)");
if (e) {
  msg("1st div tag in document: " + e.id);
} else {
  msg("Error when retrieving 1st div tag in document");
}

<p>Messages:</p>
<p id="a"></p>
<p>Inserted div:</p>

jsFiddle: https://jsfiddle.net/bwqvrex2/

何か足りないのですか、それとも単なるバグですか?