search

devpunks / snuggsi

snuggsi ツ - Easy Custom Elements in ~1kB
https://snuggsi.com
MIT License
395 stars 17 forks source link

"Failed to execute 'selectNodeContents'" on 'Range': parameter 1 is not of type 'Node' #222

Open Lomacar opened 2 years ago

Lomacar commented 2 years ago

Expected Behavior

Snuggsi should work and not die with an error when trying to run examples directly from the readme.

Current Behavior

I get an error

"Failed to execute 'selectNodeContents'" on 'Range': parameter 1 is not of type 'Node'

Possible Solution

No idea

Steps to Reprod(uce)

Well I have been trying all sorts of things. Running it on Codepen, creating a local file, running on a local server, downloading the snuggsi js. I was having issues getting it to work without saying "Template is not defined". But I got that sorted out, but I cannot get rid of this other error. Here is an example on Codepen which doesn't directly follow the readme examples, but gives the same error: https://codepen.io/lomacar/pen/rNwGYbN

Context

Just trying to use Snuggsi.

Your Environment

Any environment.

born2discover commented 2 years ago

I had a similar issue when trying out some examples on CodePen. It'll work if you put brackets around Template invocation, like so:

  const template = Template(`snuggsi`);

It seems that the tagged template literals that are used in the examples, are not compatible with CodePen as I suspect the latter only expects the "classical" JavaScript.

Lomacar commented 2 years ago

Thanks. It works now. But I already went ahead and made my own web component system which I think is an improvement over snuggsi. https://github.com/Lomacar/Ewok