fix(avatar): background url broken when scr string contains ( or ) (#15176)

simeonoff · web-flow · commit ac3985a8a88a · 2024-12-18T12:53:32.000+02:00
diff --git a/projects/igniteui-angular/src/lib/avatar/avatar.component.ts b/projects/igniteui-angular/src/lib/avatar/avatar.component.ts
@@ -342,7 +342,7 @@ export class IgxAvatarComponent implements OnInit {
      * @internal
      */
     public getSrcUrl() {
-        return `url(${this.src})`;
+        return `url("${this.src}")`;
     }
 
     /** @hidden @internal */

Original file line number	Diff line number	Diff line change
`@@ -342,7 +342,7 @@ export class IgxAvatarComponent implements OnInit {`
`342`	`342`	`* @internal`
`343`	`343`	`*/`
`344`	`344`	`public getSrcUrl() {`
`345`		- return `url(${this.src})`;
	`345`	+ return `url("${this.src}")`;
`346`	`346`	`}`
`347`	`347`
`348`	`348`	`/** @hidden @internal */`