title: Blazored Modal won't show up
body: <p>I updated Blazored.Modal a few days ago but now my PopUp won't work. I adjusted the code but it still won't work and I can't find the problem. I don't really know what to do anymore I cleared my cache and used other Browsers but it still doesn't work.</p>
  <p>Code:
  App.Razor</p>
  <pre><code>&lt;CascadingBlazoredModal&gt;
      &lt;CascadingAuthenticationState&gt;
          &lt;Router AppAssembly=&quot;@typeof(Program).Assembly&quot;&gt;
              &lt;Found Context=&quot;routeData&quot;&gt;
                  &lt;RouteView RouteData=&quot;@routeData&quot; DefaultLayout=&quot;@typeof(MainLayout)&quot; /&gt;
              &lt;/Found&gt;
              &lt;NotFound&gt;
                  &lt;LayoutView Layout=&quot;@typeof(MainLayout)&quot;&gt;
                      &lt;p&gt;Sorry, there's nothing at this address.&lt;/p&gt;
                  &lt;/LayoutView&gt;
              &lt;/NotFound&gt;
          &lt;/Router&gt;
      &lt;/CascadingAuthenticationState&gt;
  &lt;/CascadingBlazoredModal&gt;
  </code></pre>
  <p>_Imports.razor</p>
  <pre><code>@using Blazored
  @using Blazored.Modal
  @using Blazored.Modal.Services
  </code></pre>
  <p>_Host.razor</p>
  <pre><code>@page &quot;/&quot;
  @namespace FHNW_ASS.Pages
  @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
  @{
      Layout = null;
  }
  
  &lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
      &lt;title&gt;FHNW-ASS&lt;/title&gt;
      &lt;base href=&quot;~/&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;css/bootstrap/bootstrap.min.css&quot; /&gt;
      &lt;link href=&quot;css/site.css&quot; rel=&quot;stylesheet&quot; /&gt;
  
      &lt;link href=&quot;_content/Blazored.Modal/blazored-modal.css&quot; rel=&quot;stylesheet&quot; /&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;app&gt;
          &lt;component type=&quot;typeof(App)&quot; render-mode=&quot;ServerPrerendered&quot; /&gt;
      &lt;/app&gt;
  
      &lt;div id=&quot;blazor-error-ui&quot;&gt;
          &lt;environment include=&quot;Staging,Production&quot;&gt;
              An error has occurred. This application may no longer respond until reloaded.
          &lt;/environment&gt;
          &lt;environment include=&quot;Development&quot;&gt;
              An unhandled exception has occurred. See browser dev tools for details.
          &lt;/environment&gt;
          &lt;a href=&quot;&quot; class=&quot;reload&quot;&gt;Reload&lt;/a&gt;
          &lt;a class=&quot;dismiss&quot;&gt;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;script src=&quot;_content/Blazored.Modal/blazored.modal.js&quot;&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Page with the button (Journal.razor)</p>
  <pre><code>@page &quot;/Journal&quot;
  
  @using FHNW_ASS.Models
  @using Microsoft.Extensions.Configuration
  @using FHNW_ASS.Services
  
  @inject IConfiguration _config
  @inject IModalService  modal
  @inject IJournalService service
  
  
  &lt;div class=&quot;titleWrapper&quot;&gt;
      &lt;div class=&quot;title&quot;&gt;Journale eine go dreieeee&lt;/div&gt;
      &lt;div class=&quot;flexbox&quot;&gt;
          &lt;div class=&quot;content&quot;&gt;
              &lt;button @onclick=&quot;@(() =&gt; modal.Show&lt;JournalInputPage&gt;(&quot;Add Journal Entry&quot;))&quot; class=&quot;additionButton&quot;&gt;
                  &lt;img class=&quot;plusIcon&quot; src=&quot;/elements/plus-black-symbol.svg&quot; /&gt;
                  Add Journal Entry
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;hr /&gt;
  &lt;br /&gt;
  &lt;br /&gt;
  </code></pre>
  <p>Page that should PopUp (JournalInputPage.razor)</p>
  <pre><code>@using Microsoft.Extensions.Configuration
  @using FHNW_ASS.Models
  
  
  @inject FHNW_ASS.Models.FHNW_ASSContext _context
  @inject IConfiguration _config
  @inject IModalService  modal
  
  &lt;!DOCTYPE html&gt;
  
  &lt;head&gt;
      &lt;link href=&quot;~/css/site.css&quot; rel=&quot;stylesheet&quot; /&gt;
  &lt;/head&gt;
  
  
  &lt;body&gt;
      &lt;EditForm Model=&quot;@journalInputModel&quot; OnValidSubmit=&quot;HandleValidSubmit&quot;&gt;
          &lt;DataAnnotationsValidator /&gt;
          &lt;ValidationSummary /&gt;
  
          &lt;p&gt;
              &lt;label for=&quot;title&quot;&gt;Journal Title&lt;/label&gt; &lt;br /&gt;
              &lt;InputText id=&quot;title&quot; @bind-Value=&quot;journalInputModel.JournalTitle&quot; /&gt; &lt;br /&gt;
          &lt;/p&gt;
  
          &lt;p&gt;
              &lt;label for=&quot;Week&quot;&gt;Week&lt;/label&gt; &lt;br /&gt;
              &lt;InputNumber id=&quot;week&quot; @bind-Value=&quot;journalInputModel.JournalWeek&quot; /&gt; &lt;br /&gt;
          &lt;/p&gt;
  
          &lt;p&gt;
              &lt;label for=&quot;content&quot;&gt;Journal Content&lt;/label&gt; &lt;br /&gt;
              @*&lt;InputText id=&quot;content&quot; @bind-Value=&quot;JournalInput.JournalContent&quot; /&gt;*@
              &lt;textarea id=&quot;content&quot; rows=&quot;10&quot; cols=&quot;100&quot; @bind=&quot;journalInputModel.JournalContent&quot; /&gt;
          &lt;/p&gt;
  
          @*&lt;InputDate id=&quot;create&quot; /&gt;
  
              &lt;InputDate id=&quot;edit&quot; /&gt;*@
  
          &lt;button type=&quot;submit&quot; class=&quot;submitButton&quot;&gt;Submit&lt;/button&gt;
      &lt;/EditForm&gt;
  &lt;/body&gt;
  </code></pre>
  <p>Think that's all you need.</p>