Reproducible bug: pasting an emoji from the clipboard while the text editor is searching for emojis

[schrothl]

I noticed this bug that I can consistently reproduce causes a call stack to appear in the "comment" text box where I was typing. Here's the steps:

1. Create a new card

2. Start typing a comment on that card

3. Hit ":" to get the text editor into a state where it's searching for emojis

4. Type a few characters that produce some emoji search results, such as "hand"

5. In another tab, copy an emoji character onto your clipboard, such as ☝️

6. Paste the emoji into the trello comment text editor

When I follow these steps, I see this callstack:

Something's gone wrong
Error details:
Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node..
Error info: 
at t (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:162095)
at id (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:164301)
at https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:193598
at aG (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:203127)
at t (https://trello.com/assets/ltp.3c79a42e838b8ef25924.js:1:305062)
at l
at n (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:65396)
at aK (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:212627)
at aq (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:213224)
at div
at https://trello.com/assets/ltp.3c79a42e838b8ef25924.js:42:367982
at div
at gZ (https://trello.com/assets/trello-editor.2375014ecadeeccec8da.js:154:457258)
at s (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:7674)
at a (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:7567)
at i (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:7486)
at div
at h (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:85654)
at s (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:39:40445)
at t (https://trello.com/assets/atlaskit-composable-editor.0b578eed42c044870115.js:1:214822)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:38981)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:36337)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:67992)
at x
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:41807)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:1:63268)
at t (https://trello.com/assets/notifications-menu-button.d47e3ab96c5d28483d0a.js:39:31693)
at E (https://trello.com/assets/app.9fc1f59fa0f0180cba14.js:2664:866)
at Suspense
at v_ (https://trello.com/assets/trello-editor.2375014ecadeeccec8da.js:154:462840)
at Suspense
at o (https://trello.com/assets/card-back.07f79cbbdbfd3442e5c9.js:6452:21991)
at a (https://trello.com/assets/ltp.3c79a42e838b8ef25924.js:1:257995)
at oU (https://trello.com/assets/app.9fc1f59fa0f0180cba14.js:2803:23514)
at o (https://trello.com/assets/app.9fc1f59fa0f0180cba14.js:2951:64910)
at div
at r (https://trello.com/assets/app.9fc1f59fa0f0180cba14.js:2663:95537)
at a (https://trello.com/assets/ltp.3c79a42e838b8ef25924.js:1:257995)
at oU (https://trello.com/assets/app.9fc1f59fa0f0180cba14.js:2803:23514)
at o (https://trello.com/assets/app.9fc1f59fa0f0180cba14.js:2951:64910)
at div
at r (https://trello.com/assets/app.9fc1f59fa0f0180cba14.js:2663:95537).

[Mat]

Hi @schrothl, welcome to the Trello Community! 

Thanks for sharing your bug report in detail! I tried the steps you shared on my Chrome browser, but I am unable to see the call stack error. Are you able to share what browser and OS you're using? If it's okay, can you please share a recording so I can see the clear steps? I don't think I am following steps 4-6 correctly. 

Look forward to hearing from you! 

[schrothl]

Sure! Here's my windows version:

And here's a recording: https://www.youtube.com/watch?v=M2Xovv9S0bc