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

simeonoff · web-flow · commit 4c02b94cb8e3 · 2024-12-18T12:53:23.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
@@ -341,7 +341,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
`@@ -341,7 +341,7 @@ export class IgxAvatarComponent implements OnInit {`
`341`	`341`	`* @internal`
`342`	`342`	`*/`
`343`	`343`	`public getSrcUrl() {`
`344`		- return `url(${this.src})`;
	`344`	+ return `url("${this.src}")`;
`345`	`345`	`}`
`346`	`346`
`347`	`347`	`/** @hidden @internal */`