Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Mention Plugin example throws DOMException

See original GitHub issue

Environment

@draft-js-plugins/editor version: 4.0.0
plugin name and version: @draft-js-plugins/mention 4.0.0

Description

We tried upgrading our plugins to 4.0.0 and found that the mention plugin is throwing various exceptions when we try to delete the trigger character (or all the characters).

We figured out the same also happens on the examples for the mention plugin. (https://www.draft-js-plugins.com/plugin/mention)

Below are a few of the different exceptions we can get on the samples page.

react_devtools_backend.js:2430 DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
    at vo (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:6080:19)
    at ku (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:6987:21)
    at t.unstable_runWithPriority (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:717:20)
    at $l (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:3471:29)
    at wu (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:6850:16)
    at ou (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:6585:13)
    at https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:3496:23
    at t.unstable_runWithPriority (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:717:20)
    at $l (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:3471:29)
    at Xl (https://www.draft-js-plugins.com/_next/static/chunks/framework.146c8bd33061333d4954.js:3492:13)
overrideMethod @ react_devtools_backend.js:2430
ro @ framework.146c8bd33061333d4954.js:5769
i.componentDidCatch.n.callback @ framework.146c8bd33061333d4954.js:6263
hi @ framework.146c8bd33061333d4954.js:3719
uo @ framework.146c8bd33061333d4954.js:5859
ku @ framework.146c8bd33061333d4954.js:7052
t.unstable_runWithPriority @ framework.146c8bd33061333d4954.js:717
$l @ framework.146c8bd33061333d4954.js:3471
wu @ framework.146c8bd33061333d4954.js:6850
ou @ framework.146c8bd33061333d4954.js:6585
(anonymous) @ framework.146c8bd33061333d4954.js:3496
t.unstable_runWithPriority @ framework.146c8bd33061333d4954.js:717
$l @ framework.146c8bd33061333d4954.js:3471
Xl @ framework.146c8bd33061333d4954.js:3492
Yl @ framework.146c8bd33061333d4954.js:3484
F @ framework.146c8bd33061333d4954.js:7906
Xt @ framework.146c8bd33061333d4954.js:2004

Reproducible Demo

Try the first example on the examples page (https://www.draft-js-plugins.com/plugin/mention)
Type in ‘@’ to mention someone.
Select the mention
Delete the mention
Type in ‘@’ followed by a few characters
Delete the mention characters including the ‘@’