[Bug] "replaceChildren is not a function" | Please add DOM ParentNode#ReplaceChildren from either linked polyfill, backport Waterfox Current commit, or equivalent

[CeruleanSky]

Several websites use the ParentNode#Replace feature when filtering items while typing, including this website, GitHub itself

To Reproduce Steps to reproduce the behavior:

1. Go to https://github.com/hawkeye116477/Waterfox-Classic/find/classic
2. Type in a file you'd like to go to
3. Notice this.replaceChildren is not a function in the console

Expected behavior Files to pop up

Screenshots (click to expand)

 

Desktop: Waterfox Classic 2021.10 any OS

Additional context Waterfox Commit implementing this feature https://github.com/WaterfoxCo/Waterfox/commit/3cb405965c7e6cfa9864f242da40e328f2be89d4

Polyfill: https://github.com/XboxYan/dom-polyfill

Alt Polyfill: https://github.com/yuzhe-han/ParentNode-replaceChildren

[walmar]

The following configuration is able to work around the GitHub repository Go to file finder issue.

This NoScript Classic Firefox extension Script Surrogate creates a surrogate for the missing Element.replaceChildren() method before the HTML parsing starts:

• about:config > preferences context menu > New > String
  • noscript.surrogate.githubFind.sources > @https://github.com/*
  • noscript.surrogate.githubFind.replacement > (function (item) { if (!item.replaceChildren) { item.replaceChildren = function () { var parentNode = this; var oldNodes = [].slice.call(parentNode.childNodes); var newNodes = [].slice.call(arguments); oldNodes.forEach(function (nodes) { if (!newNodes.find(function(el){ return el === nodes})) { parentNode.removeChild(nodes) } }); parentNode.append.apply(this,newNodes); } } })(HTMLElement.prototype);