URL handling in @keyframes blocks

[madx]

When using the following CSS, I do have an error Module not found: Error: Cannot resolve module for the url() part in the @keyframes block:

.className {
  background-image: url("./image.png")
}

@keyframes anim {
  0% {
    background-image: url("./image.png")
  }
}

I added a simple test to test/urlTest.js to expose the behaviour:

test("keyframe background img", "@keyframes anim { background: green url('img.png') xyz }", [
  [1, "@keyframes anim { background: green url({./img.png}) xyz }", ""]
]);

[sokra]

I don't understand the problem here?

[madx]

Excuse me if the issue was not clear enough :)

The problem is that the url() call in the @keyframes block is not translated to url({./img.png}) but to url({img.png}) which does not resolve correctly.

[sokra]

ah ok...

[madx]

Thank's a lot, it's working great! 👍