Lipsurf dictation erroring on several websites

Here is the error from one of them. Are you able to make out something from the error? Unfortunately it impacts one of the most widely used webpage for me. It is our intranet website so you cannot access it. My only option is to either downgrade to the previous version or to unsubscribe for now.

react_devtools_backend.js:2430 ErrorUtils caught an error:

Failed to execute ‘removeChild’ on ‘Node’: The node to be removed is not a child of this node. [Caught in: caught error in module a [from CometPlaceholder.react] (base)]

Subsequent non-fatal errors won’t be logged; see https://fburl.com/debugjs.
overrideMethod @ react_devtools_backend.js:2430
b @ w75jQuGiboC.js?_nc_x=TjTkuK-Pzvr:59
reportNormalizedError @ w75jQuGiboC.js?_nc_x=TjTkuK-Pzvr:65
d.componentDidCatch @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:352
Di.h.componentDidCatch.e.callback @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
mg @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
Ji @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
ak @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
g.unstable_runWithPriority @ w75jQuGiboC.js?_nc_x=TjTkuK-Pzvr:204
G @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
$j @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
Kj @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
(anonymous) @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
g.unstable_runWithPriority @ w75jQuGiboC.js?_nc_x=TjTkuK-Pzvr:204
G @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
Zc @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
H @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
Ab @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
pd @ Cg5Ul2HxQRQc5VdgaqB6ipvJVGX9ihvK6sOVHiLQorhMcBazAGCJFyfdHhE3-2QEWGDug5j3AMmmSgupsbAWrD7q9xKKKUj4X1lAgguZOCRVijPsO_F7A6Ao6Zvxi0zx1CAPychjW65G5vrQVG1c1MrCEmR4wiwNnvdSpxoNCyAeDBq1KMp_IdXxjbt.js?_nc_x=TjTkuK-Pzvr:861
insertText @ VM182:72
insertTextWithSmartCapAndSpace @ VM182:72
insertTextWithSmartCapAndSpaceInActiveEl @ VM182:72
pageFn @ VM182:72
(anonymous) @ page.js:1
(anonymous) @ page.js:1
Promise.finally (async)
(anonymous) @ page.js:1
push @ page.js:1
(anonymous) @ page.js:1
runCmd @ page.js:1
runtimeListener @ frame-beacon.js:1
content.js:7 Uncaught TypeError: Cannot read property ‘childNodes’ of null
at i (content.js:7)
at t.a (content.js:7)
at u.get path [as path] (content.js:1)
at u.get id [as id] (content.js:1)
at new l (content.js:1)
at u.getEntry (content.js:1)
at J (content.js:7)
at Array. (content.js:7)
at Object.c.trigger (content.js:7)
at HTMLDocument. (content.js:7)
i @ content.js:7
t.a @ content.js:7
get path @ content.js:1
get id @ content.js:1
l @ content.js:1
getEntry @ content.js:1
J @ content.js:7
(anonymous) @ content.js:7
c.trigger @ content.js:7
(anonymous) @ content.js:7
Promise.finally (async)
(anonymous) @ page.js:1
push @ page.js:1
(anonymous) @ page.js:1
runCmd @ page.js:1
runtimeListener @ frame-beacon.js:1
content.js:7 Uncaught TypeError: Cannot read property ‘childNodes’ of null
at i (content.js:7)
at t.a (content.js:7)
at u.get path [as path] (content.js:1)
at u.get id [as id] (content.js:1)
at new l (content.js:1)
at u.getEntry (content.js:1)
at J (content.js:7)
at MutationObserver. (content.js:7)
i @ content.js:7
t.a @ content.js:7
get path @ content.js:1
get id @ content.js:1
l @ content.js:1
getEntry @ content.js:1
J @ content.js:7
(anonymous) @ content.js:7
childList (async)
insertText @ VM182:72
insertTextWithSmartCapAndSpace @ VM182:72
insertTextWithSmartCapAndSpaceInActiveEl @ VM182:72
pageFn @ VM182:72
(anonymous) @ page.js:1
(anonymous) @ page.js:1
Promise.finally (async)
(anonymous) @ page.js:1
push @ page.js:1
(anonymous) @ page.js:1
runCmd @ page.js:1
runtimeListener @ frame-beacon.js:1

So this wasn’t an issue before on those sites and it appeared with v3.11 (where we updated the way dictation works on many sites)?

It’s difficult to debug without access to the site. Would you be able to give us the HTML that surrounds the text area that you’re trying to dictate into? Or the source of the page?

Yes it worked before 3.11

Here is the HTML of the input element which stopped working.

<div class="orhb3f3m h905i5nu jinzq4gt emzo65vh j83agx80 e5nlhep0 mrt03zmi ecm0bbzt h4z51re5 gvyehdmr mu0vl6fp msuhji6j iqy7zqfr rj1gh0hx cbu4d94t buofh1pr ni8dbmo4 ll8tlv6m b3i9ofy5 oo9gr5id flx89l3n dpja2al7 hedjyaoh"><div class="j83agx80 thccjwpm"><div class="ecm0bbzt e5nlhep0 buofh1pr jq4qci2q a3bd9o3v iko8p5ub eg9m0zos ni8dbmo4 rq0escxv lexh0w6q"><div class="rq0escxv datstx6m k4urcfbm a8c37x1j"><div class="_5rp7"><div class="_1p1t"><div class="_1p1v" id="placeholder-b1j07" style="white-space: pre-wrap;">Aa</div></div><div class="_5rpb"><div aria-describedby="placeholder-b1j07" class="notranslate _5rpu" contenteditable="true" role="textbox" spellcheck="false" tabindex="0" style="outline: none; user-select: text; white-space: pre-wrap; overflow-wrap: break-word;" data-ms-editor="true"><div data-contents="true"><div class="" data-block="true" data-editor="b1j07" data-offset-key="75nmr-0-0"><div data-offset-key="75nmr-0-0" class="_1mf _1mj"><span data-offset-key="75nmr-0-0"><br data-text="true"></span></div></div></div></div></div></div></div></div></div></div>

1 Like

I figured out a way for you to reproduce the error.

  1. Goto facebook.com
  2. Use the messenger icon from right top corner to open messenger thread.
  3. Note you must remain on the Facebook site.
  4. Use lipsurf to dictate a message to a friend. You will see that it crashes.

Fixed in v3.11.1 which was just submitted for review. It will automatically update for you as soon as the Google Chrome team reviews it (generally a couple days).

Thanks very much for the Facebook example, it was instrumental in finding the problem quickly!