197868 2019-05-13 20:22:49 -0700 getElementsByClassName and set outerHTML: later elements in array are not reachable 2019-05-16 06:59:28 -0700 1 1 1 Unclassified WebKit DOM Safari 12 Unspecified Unspecified RESOLVED INVALID P2 Normal --- 1 alvin_signups webkit-unassigned ap cdumez rniwa oldest_to_newest 1535947 0 369817 alvin_signups 2019-05-13 20:22:49 -0700 Created attachment 369817 Demo of the bug While (a) iterating on a group of elements from document.getElementsByClassName and (b) setting outerHTML for each element, latter elements become inaccessible in an ascending for-loop. This is only triggered for outerHTML, not for innerHTML. Current workaround - Iterate in descending order or use innerHTML instead. 1536583 1 ap 2019-05-15 14:17:44 -0700 This test appears to have identical results in Safari, Firefox and Chrome. Could you please clarify what the expected behavior is, and why it is different from what browsers do? ------------------------------ Iterating from end of array substituted substituted substituted substituted Iterating from start of array substituted B substituted D 1536724 2 alvin_signups 2019-05-15 22:53:56 -0700 Hi Alexey, thanks for looking into this. I did test this against other browsers, so I understand what you mean. Someone from the Chromium team explained that getElementsByClassName returns a live node collection. It was quite odd behaviour to me, but I understand that is to spec. I think you can close this. Thanks for your time! Alvin 369817 2019-05-13 20:22:49 -0700 2019-05-13 20:22:49 -0700 Demo of the bug getElementsByClassName-outerHTML-descending-vs-ascending.html text/html 1807 alvin_signups PGgxPlNldHRpbmcgb3V0ZXJIVE1MIGZvciBtZW1iZXJzIG9mIGFuIGFycmF5PC9oMT4KCjxoMj5J c3N1ZTwvaDI+Cgo8cD5XaGlsZSAoYSkgaXRlcmF0aW5nIG9uIGEgZ3JvdXAgb2YgZWxlbWVudHMg ZnJvbSA8Y29kZT5kb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lPC9jb2RlPiBhbmQgKGIp IHNldHRpbmcgPGNvZGU+b3V0ZXJIVE1MPC9jb2RlPiBmb3IgZWFjaCBlbGVtZW50LCBsYXR0ZXIg ZWxlbWVudHMgYmVjb21lIGluYWNjZXNzaWJsZSBpbiBhbiBhc2NlbmRpbmcgPGNvZGU+Zm9yPC9j b2RlPi1sb29wLjwvcD4KCjxwPlRoaXMgaXMgb25seSB0cmlnZ2VyZWQgZm9yIDxjb2RlPm91dGVy SFRNTDwvY29kZT4sIG5vdCBmb3IgPGNvZGU+aW5uZXJIVE1MPC9jb2RlPi48L3A+Cgo8aDI+Q3Vy cmVudCB3b3JrYXJvdW5kPC9oMj4KCjxwPkl0ZXJhdGUgaW4gZGVzY2VuZGluZyBvcmRlciBvciB1 c2UgPGNvZGU+aW5uZXJIVE1MPC9jb2RlPiBpbnN0ZWFkLjwvcD4KCjxocj4KCjxoMT5FeHBlcmlt ZW50PC9oMT4KCjx1bD4KICA8bGk+MiBncm91cHMgb2YgZGl2cywgbWVtYmVyIGRpdnMgaGF2ZSBv bmUgb2YgMiBjbGFzcyBuYW1lczogPGNvZGU+d2hpbGUtZGVzY2VuZGluZzwvY29kZT4gb3IgPGNv ZGU+Zm9yLWFzY2VuZGluZzwvY29kZT48L2xpPgogIDxsaT5TZWUgY29kZSBmb3IgaW1wbGVtZW50 YXRpb24gZGV0YWlsPC9saT4KPC91bD4KCjxoMj5JdGVyYXRpbmcgZnJvbSBlbmQgb2YgYXJyYXk8 L2gyPgoKPGRpdiBjbGFzcz0id2hpbGUtZGVzY2VuZGluZyI+MTwvZGl2PgoKPGRpdiBjbGFzcz0i d2hpbGUtZGVzY2VuZGluZyI+MjwvZGl2PgoKPGRpdiBjbGFzcz0id2hpbGUtZGVzY2VuZGluZyI+ MzwvZGl2PgoKPGRpdiBjbGFzcz0id2hpbGUtZGVzY2VuZGluZyI+NDwvZGl2PgoKCjxoMj5JdGVy YXRpbmcgZnJvbSBzdGFydCBvZiBhcnJheTwvaDI+Cgo8ZGl2IGNsYXNzPSJmb3ItYXNjZW5kaW5n Ij5BPC9kaXY+Cgo8ZGl2IGNsYXNzPSJmb3ItYXNjZW5kaW5nIj5CPC9kaXY+Cgo8ZGl2IGNsYXNz PSJmb3ItYXNjZW5kaW5nIj5DPC9kaXY+Cgo8ZGl2IGNsYXNzPSJmb3ItYXNjZW5kaW5nIj5EPC9k aXY+CgoKPHNjcmlwdD4KKGZ1bmN0aW9uKCkgewogIHZhciBDT05URU5UX1NVQlNUSVRVVElPTiA9 ICJzdWJzdGl0dXRlZCI7CgogIHZhciBkZXNjZW5kaW5nR3JvdXAgPSBkb2N1bWVudC5nZXRFbGVt ZW50c0J5Q2xhc3NOYW1lKCAid2hpbGUtZGVzY2VuZGluZyIgKSB8fCBudWxsOwogIHZhciBhc2Nl bmRpbmdHcm91cCA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoICJmb3ItYXNjZW5k aW5nIiApIHx8IG51bGw7CgogIGlmICggZGVzY2VuZGluZ0dyb3VwICkgewogICAgdmFyIG51bU1l bWJlcnMgPSBkZXNjZW5kaW5nR3JvdXAubGVuZ3RoOwogICAgdmFyIGNvdW50ZXIgPSBudW1NZW1i ZXJzIC0gMTsKCiAgICB3aGlsZSAoIGNvdW50ZXIgPj0wICkgewogICAgICB2YXIgbWVtYmVyID0g ZGVzY2VuZGluZ0dyb3VwW2NvdW50ZXJdOwogICAgICBtZW1iZXIub3V0ZXJIVE1MID0gQ09OVEVO VF9TVUJTVElUVVRJT047CiAgICAgIGNvdW50ZXItLTsKICAgIH0KICB9CgogIGlmICggYXNjZW5k aW5nR3JvdXAgKSB7CiAgICB2YXIgbnVtTWVtYmVycyA9IGFzY2VuZGluZ0dyb3VwLmxlbmd0aDsK CiAgICBmb3IgKCB2YXIgaT0wOyBpPG51bU1lbWJlcnM7IGkrKyApIHsKICAgICAgdmFyIG1lbWJl ciA9IGFzY2VuZGluZ0dyb3VwW2ldOwogICAgICBtZW1iZXIub3V0ZXJIVE1MID0gQ09OVEVOVF9T VUJTVElUVVRJT047CiAgICB9CiAgfQoKfSkoKTsKPC9zY3JpcHQ+Cg==