Confirm dialog updates (#647)

Author: gvreddy04

blazorbootstrap/Components/ConfirmDialog/ConfirmDialog.razor.cs

@@ -44,7 +44,7 @@ protected override void BuildClasses()
     protected override void BuildStyles()
     {
         this.AddStyle("display:block", showBackdrop);
-        this.AddClass("display:none", !showBackdrop);
+        this.AddStyle("display:none", !showBackdrop);
 
         base.BuildStyles();
     }
@@ -88,10 +88,9 @@ private void Hide()
 
         DirtyClasses();
         DirtyStyles();
-
         StateHasChanged();
 
-        Task.Run(() => JS.InvokeVoidAsync("window.blazorBootstrap.confirmDialog.hide", ElementId));
+        QueueAfterRenderAction(async () => { await JS.InvokeVoidAsync("window.blazorBootstrap.confirmDialog.hide", ElementId); }, new RenderPriority());
     }
 
     private void OnNoClick()
@@ -139,7 +138,7 @@ private Task<bool> Show(string title, string? message1, string? message2, Type?
 
         StateHasChanged();
 
-        Task.Run(() => JS.InvokeVoidAsync("window.blazorBootstrap.confirmDialog.show", ElementId));
+        QueueAfterRenderAction(async () => { await JS.InvokeVoidAsync("window.blazorBootstrap.confirmDialog.show", ElementId); }, new RenderPriority());
 
         return task;
     }

blazorbootstrap/wwwroot/blazor.bootstrap.js

@@ -220,7 +220,9 @@ window.blazorBootstrap = {
             if (bodyEl.length > 0)
                 bodyEl[0].style['overflow'] = 'hidden';
 
-            document.getElementById("bb-confirm-" + elementId).focus();
+            let yesButtonEl = document.getElementById(`bb-confirm-${elementId}`);
+            if (yesButtonEl)
+                yesButtonEl.focus();
         },
         hide: (elementId) => {
             let confirmDialogEl = document.getElementById(elementId);