add fl-show class after 100ms to fix show transition

KHOUBZA Younes · KHOUBZA Younes · commit 9d0d4aadad24 · 2022-05-16T05:19:28.000+01:00
diff --git a/packages/flasher/src/flasherFactory.ts b/packages/flasher/src/flasherFactory.ts
@@ -128,7 +128,9 @@ export default class FlasherFactory implements NotificationFactoryInterface {
       container.prepend(template);
     }
 
-    requestAnimationFrame(() => template.classList.add('fl-show'));
+    setTimeout(() => {
+      template.classList.add('fl-show');
+    }, 100);
   }
 
   removeNotification(template: HTMLElement) {

Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,9 @@ export default class FlasherFactory implements NotificationFactoryInterface {`
`128`	`128`	`container.prepend(template);`
`129`	`129`	`}`
`130`	`130`
`131`		`- requestAnimationFrame(() => template.classList.add('fl-show'));`
	`131`	`+ setTimeout(() => {`
	`132`	`+ template.classList.add('fl-show');`
	`133`	`+ }, 100);`
`132`	`134`	`}`
`133`	`135`
`134`	`136`	`removeNotification(template: HTMLElement) {`