the output of marker-end: url(#ID) is incorrect in some case.

[benZhai01]

Hi team,

if I use marker-end: url(#ID) in less, it's resolved as url link and output the css like marker-end: url("../base/#ID").
here is doc of marker-end: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/marker-end

I think using webpack + less-loader doesn't have the issue.
So do you any workaround to solve it in consumer side?

Best Regards
Ben

[matz3]

This is due to the default of relativeUrls: true (see https://github.com/SAP/less-openui5#parser) which rewrites all URLs relative to the file where they are defined, in order to support relative references to files such as images.

It seems that at least the less version we use (v1.6.3) doesn't handle such a case to leave the url untouched.

A workaround would be to put those CSS rules in a separate CSS file and import it via @import "styles.css"; so that it won't be processed by less. However, this will result into an additional request as a CSS import statement is use to load the file at runtime.

[benZhai01]

hi @matz3 , thanks for responsing, the workaround you provided works.

[matz3]

Glad to hear 👍🏻

I'm keeping this issue open but don't think that there will be a solution other than the workaround any time (soon).