Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Angular ng build --prod WARNING in Invalid property name 'r'

See original GitHub issue

When i build my project:

ng build --prod

WARNING in Invalid property name 'r' at 5484:4. Ignoring.

I find that the problem it is in L.Control.Locate.css

@keyframes leaflet-control-locate-throb {
  0% {
    r: 9;
    stroke-width: 1;
  }
  50% {
    r: 7;
    stroke-width: 3;
  }
  100% {
    r: 9;
    stroke-width: 1;
  }
}

As per the SVG 1.1 specification you can’t style the r attribute of an SVG circle using CSS https://www.w3.org/TR/SVG/styling.html#SVGStylingProperties

Issue Analytics

State:
Created 4 years ago
Reactions:5
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

KristjanESPERANTOcommented, Jan 2, 2020

The W3C CSS Validator classifies this as an error: http://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fwww.domoritz.de%2Fleaflet-locatecontrol%2Fdemo%2F&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en

0reactions

KristjanESPERANTOcommented, Jul 24, 2020

@hari-chalise I don’t see how your problem is related to this closed issue. It seems to me that it has something to do with Font Awesome, so please open a new issue and provide some more information like about which version of Font Awesome you are using 🙂

Top Results From Across the Web

Warning in invalid property name when AOT compiling an ...

The warning comes from a third party component I use in the app. If I don't use it, the compilation ends without any...

angular/angular - Gitter

Ignoring. WARNING in Invalid property name 'r' at 2287:4. Ignoring. what is "warning in invalid property name 'r'. ng build --prod. oh i...

[warning] expected identifier but found * [css-syntax-error]

When creating production build (Angular 13.2.0), a warning appears: Warning: △ [WARNING] Expected identifier but found "*" styles.dab7755014ab7e5f.css:207:2 ...

Currently using the default Angular 7 […] - Discussion on Color ...

After updating all the required components, when I run 'npm run build' I get this error: WARNING in Invalid property name 'r' at...

FormControlName - Angular

Syncs a FormControl in an existing FormGroup to a form control element by name. See alsolink · Reactive Forms Guide · FormControl ·...