Badge Fixed for Custom Components

primefaces · Dec 10, 2020 · 815ad58 · 815ad58
1 parent 617ed27
commit 815ad58
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/app/components/badge/badge.css b/src/app/components/badge/badge.css
@@ -7,7 +7,6 @@
 
 .p-overlay-badge {
     position: relative;
-    display: inline-block;
 }
 
 .p-overlay-badge .p-badge {

diff --git a/src/app/components/badge/badge.ts b/src/app/components/badge/badge.ts
@@ -21,6 +21,7 @@ export class BadgeDirective implements AfterViewInit, OnDestroy {
 
     ngAfterViewInit() {
         this.id = UniqueComponentId() + '_badge';
+        let el = this.el.nativeElement.nodeName.indexOf("-") != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement; 
 
         let badge = document.createElement('span');
         badge.id = this.id ;
@@ -41,8 +42,8 @@ export class BadgeDirective implements AfterViewInit, OnDestroy {
             DomHandler.addClass(badge, 'p-badge-dot');
         }
 
-        DomHandler.addClass(this.el.nativeElement, 'p-overlay-badge');
-        this.el.nativeElement.appendChild(badge);
+        DomHandler.addClass(el, 'p-overlay-badge');
+        el.appendChild(badge);
 
         this.initialized = true;
     }