And this doesn't?

# javascript

[Martin Gaens]

And this doesn't?

[Robert Jaros]

Both forms work fine for me.

[Martin Gaens]

Interesting... Thank you. There might be other factors then. I'm developing a browser extension and I'm using the build/distributions folder as the root folder of my extension. Also, which browser are you using? I'm using Firefox.

[Robert Jaros]

I'm using Chrome

[Martin Gaens]

Yup, that's it. It's working on Chrome for me and not working on Firefox.

[Martin Gaens]

Firefox not throwing any errors.

[Robert Jaros]

It does work for me on Firefox, too

[Martin Gaens]

Interesting... I guess it's only not working as an extension then? Weird...

[Robert Jaros]

The asList() extension looks suspicious. It takes an external type NodeList and wraps it as a Kotlin List. Perhaps in your environment the NodeList is something different.

[Martin Gaens]

Yeah this NodeList has been failing me the whole afternoon. Is there any better way of dealing with this problem? By "this problem" I mean iterating over a NodeList safely while having access to the methods available to `HTMLElement`s.

[Robert Jaros]

You can try iterate with native forEach():

document.querySelectorAll("div").asDynamic().forEach { div ->
    div.unsafeCast<HTMLDivElement>().style.background = "#ff0000"
    false
}

[Robert Jaros]

But I'm not sure this can be called "safely" 😉

[Martin Gaens]

Is there no other way to convert the NodeList into a Kotlin List<Node>?

[Martin Gaens]

So that I can use all the fancy Kotlin syntax sugar that List has to offer.

[Robert Jaros]

This works for me:

val divs = js("Array").from(document.querySelectorAll("div")).unsafeCast<Array<HTMLDivElement>>().asList()
divs.forEach {
    it.style.background = "#ff0000"
}

[Martin Gaens]

Thank you, but also not working... 😕 I'd love to provide more feedback about the errors or something, but there simply are no errors.

[ephemient]

try the usual JS "it's some array-like type but I need it to be a known array type" operation, translated to Kotlin?

@JsName("Array")
external object JSArray {
    fun from(arrayLike: dynamic): Array<dynamic>
}
JSArray.from(document.querySelectorAll("div"))

[Martin Gaens]

Thank you very much, and sorry for the late response. This looks promising and I will give it a test this evening.