From acc278f563d28e451de82ff78b98b1b3e9b6d52e Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Wed, 9 Apr 2025 16:27:03 +0300
Subject: [PATCH] UI: Fixed show popover some time not showing occasionally on
 first interaction

---
 .../src/app/shared/components/popover.component.ts   | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/shared/components/popover.component.ts b/ui-ngx/src/app/shared/components/popover.component.ts
index 4344b32fd7..2ccbb615d5 100644
--- a/ui-ngx/src/app/shared/components/popover.component.ts
+++ b/ui-ngx/src/app/shared/components/popover.component.ts
@@ -375,7 +375,6 @@ export class TbPopoverComponent<T = any> implements OnDestroy, OnInit {
   tbComponentInjector: Injector | null = null;
   tbComponentStyle: { [klass: string]: any }  = {};
   tbOverlayClassName!: string;
-  tbOverlayStyle: { [klass: string]: any } = {};
   tbPopoverInnerStyle: { [klass: string]: any } = {};
   tbPopoverInnerContentStyle: { [klass: string]: any } = {};
   tbBackdrop = false;
@@ -470,6 +469,16 @@ export class TbPopoverComponent<T = any> implements OnDestroy, OnInit {
     return this.tbModal ? 'tb-popover-overlay-backdrop' : '';
   }
 
+
+  set tbOverlayStyle(value: { [klass: string]: any }) {
+    this._tbOverlayStyle = value;
+    this.cdr.markForCheck();
+  }
+
+  get tbOverlayStyle(): { [klass: string]: any } {
+    return this._tbOverlayStyle;
+  }
+
   preferredPlacement: PopoverPlacement = 'top';
   strictPosition = false;
   origin!: CdkOverlayOrigin;
@@ -485,6 +494,7 @@ export class TbPopoverComponent<T = any> implements OnDestroy, OnInit {
       this.cdr.markForCheck();
     }
   }, {threshold: [0.5]});
+  private _tbOverlayStyle: { [klass: string]: any } = {};
 
   constructor(
     public cdr: ChangeDetectorRef,