[.NET Tutorial]: ASP.NET Core for Beginners | YouTube Playlist | ContosoCrafts

[mattibosAhead]

URL

https://www.youtube.com/watch?v=wA-3FA2kbpA&list=PLdo4fOcmZ0oW8nviYduHq7bmKode-p8Wy&index=11
Introducing Blazor: Structure and Debugging | ASP.NET Core 101[11 of 13]

Operating system

macOS

More information about your system

M1 MacBook Pro
Mac OS BigSur

Description

Modal popup not showing in first click in razor page
referencing: #17202

In following along with the ASP .NET Core for Beginners video series, a html block for a bootstrap modal is wrapped in a razor syntax if statement. Upon clicking 'More Info' the first time, the modal does not appear even though the if statement is hit after the selectedProduct object has been filled with product information. Upon the second click, the modal renders.
ProductList.razor.zip

dotnet --info

.NET SDK (reflecting any global.json):
Version: 6.0.302
Commit: c857713418

Runtime Environment:
OS Name: Mac OS X
OS Version: 11.6
OS Platform: Darwin
RID: osx.11.0-arm64
Base Path: /usr/local/share/dotnet/sdk/6.0.302/

global.json file:
Not found

Host:
Version: 6.0.7
Architecture: arm64
Commit: 0ec02c8c96

.NET SDKs installed:
6.0.201 [/usr/local/share/dotnet/sdk]
6.0.301 [/usr/local/share/dotnet/sdk]
6.0.302 [/usr/local/share/dotnet/sdk]

.NET runtimes installed:
Microsoft.AspNetCore.App 6.0.3 [/usr/local/share/dotnet/shared/Microsoft.AspNetCore.App]
Microsoft.AspNetCore.App 6.0.6 [/usr/local/share/dotnet/shared/Microsoft.AspNetCore.App]
Microsoft.AspNetCore.App 6.0.7 [/usr/local/share/dotnet/shared/Microsoft.AspNetCore.App]
Microsoft.NETCore.App 6.0.3 [/usr/local/share/dotnet/shared/Microsoft.NETCore.App]
Microsoft.NETCore.App 6.0.6 [/usr/local/share/dotnet/shared/Microsoft.NETCore.App]
Microsoft.NETCore.App 6.0.7 [/usr/local/share/dotnet/shared/Microsoft.NETCore.App]

Download .NET:
https://aka.ms/dotnet-download

Learn about .NET Runtimes and SDKs:
https://aka.ms/dotnet/runtimes-sdk-info

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.