Cannot read properties of null (reading 'firstChild')

[VincentMolinie]

I got this error that happens randomly in my tests, it happens when I open the emoji picker element.
It throws the error but the emoji picker still seems to work.
It might require a little defensive programming

I'm using emoji-picker-element 1.21.1.

[nolanlawson]

The error seems to be coming from here:

emoji-picker-element/src/picker/utils/calculateTextWidth.js

Line 8 in 3d84cf3

range.selectNode(node.firstChild)

Can you test in the latest version (1.21.3)? Which browser are you using? Can you share your test code? Otherwise I don't have much context to figure out where the bug is coming from...

[nolanlawson]

Interesting – I can reproduce this, but only in desktop Safari 12.0. In Safari 13 it seems fixed.

Repro steps: just randomly click on the categories and type into the search bar.

It looks like effectively what's happening is that the .emoji-menu element being updated is not the same one that's in the DOM. I'm not sure how this is possible, since the framework manages, that, and should keep the same element throughout the lifecycle of the picker.

[nolanlawson]

Possibly related: #398