What is The Blazor Puzzle?
The Blazor Puzzle is a YouTube series where software developers Carl Franklin
and Microsoft PM Jeff Fritz offer Blazor coding challenges and bug hunts.
This show is definitely SFW (Safe For Work). We don't swear, and we don't
tolerate it in the chat. We're here to have fun and learn Blazor.
Videos
Episode 74 - 4/18/2025 (7:06)
Canceling Navigation
Jeff and Carl want to know how to interrupt a navigation request and optionally cancel it in a .NET 9 Blazor Web App with Global Server interactivity.
Episode 73 - 4/11/2025 (18:18)
Referring to Refs
Jeff and Carl want to know why these Blazor component references aren't behaving the way they expected.
Episode 72 - 4/4/2025 (12:03)
Dynamic Bootstrap
Carl and Jeff want to know how to show select (dropdown list) elements in a bootstrap grid when the lists themselves and therefore the number of select elements are not known until runtime.
Episode 71 - 3/21/2025 (09:34)
Dirty Models
Carl and Jeff want to know how to implement a dirty flag feature in Blazor without modifying the models.
Episode 70 - 3/14/2025 (14:18)
Playwrighter's Block
Carl and Jeff want to know why a simple Playwright test fails in a standard Blazor Server app.
Episode 69 - 3/7/2025 (10:45)
QuickGrid of All Sorts
Carl and Jeff want to know how to work with more complex sorting tasks using the QuickGrid.
Episode 68 - 2/28/2025 (13:41)
Raiders of the Lost HTTP Headers
Carl and Jeff want to know why they can't access the remote user's IP address.
Episode 67 - 2/21/2025 (06:48)
Date Input Woes!
Carl and Jeff want to know how to fix the default behavior of a standard date input control in a Blazor app.
Episode 66 - 2/14/2025 (15:57)
The Key Vault is Locked!
Carl and Jeff want to know why a Blazor app can't access secrets in Azure Key Vault!
Episode 65 - 2/7/2025 (8:20)
Exception Impossible!
Carl and Jeff want to know how to deal with unhandled exceptions in the MainLayout.
Episode 64 - 1/31/2025 (12:11)
A Phantom Menace?
Carl and Jeff want to know what the problem is with an app that appears to be working correctly.
Episode 63 - 1/24/2025 (16:51)
There Can Only Be One
Carl and Jeff want to know why handling EventCallbacks of a CascadingParameter doesn't really work.
Episode 62 - 1/17/2025 (8:04)
Look Ma! No Magic Strings!
Carl and Jeff show you how to avoid magic strings when accessing localized key/value pairs.
Episode 61 - 1/10/2025 (20:10)
Wrangling Resources
Carl and Jeff are getting errors providing translations in a Blazor App. Can you help?
Episode 60 - 12/20/2024 (18:41)
Happy Holidays!
Carl and Jeff announce the solutions and winners for puzzles 58 and 59 and present a little project to work on over the holidays.
Episode 59 - 12/13/2024 (5:39)
Coding for Dollars
Carl and Jeff want to know how to customize an input tag so it will automatically format for currency values.
Episode 58 - 12/6/2024 (11:43)
Multi-Tenant State
Carl and Jeff want to know how to provide a unique state provider to multiple tenants.
Episode 57 - 11/22/2024 (9:06)
Loony Localizations
Carl and Jeff want to know why a greeting isn't being translated into the selected language.
Episode 56 - 11/8/2024 (9:06)
The Case of the Curious Counter
Jeff and Carl want to know why a simple counter class doesn't increment.
Episode 55 - 11/1/2024 (14:56)
Coding the Code-Behind
Carl and Jeff want to know how to move the @page directive from a Blazor page into the code-behind file.
Episode 54 - 10/25/2024 (11:00)
Time for Timer!
Carl and Jeff want to know how to capture events inside an iframe.
Episode 53 - 10/18/2024 (14:12)
Navigation Problems
Carl and Jeff want to know why we can't navigate from the home page to another page based on a URL parameter.
Episode 52 - 10/4/2024 (7:14)
Who?
Carl and Jeff want to know how to capture the user's first and last names when they register.
Episode 51 - 9/27/2024 (9:28)
Values That Bind
Carl and Jeff want to know why simply using an app breaks the binding of an input box.
Episode 50 - 9/20/2024 (11:05)
Clicky No Worky!
Jeff and Carl want to know how to fix a JavaScript call behind a button that doesn't work.
Episode 49 - 9/13/2024 (7:57)
I Feel Invalidated!
Carl and Jeff want to know how to validate a form input with custom code.
Episode 48 - 9/6/2024 (17:30)
Virtually Nothing
Jeff and Carl want to know why virtualizing a component results in no data being shown at all!
Episode 47 - 8/30/2024 (9:13)
Production Challenge
Carl and Jeff want to know how to have a separate configuration for production than development.
Episode 46 - 8/23/2024 (9:15)
Injection Rejection!
Carl and Jeff want to know why their DI strategy doesn’t work.
Episode 45 - 8/9/2024 (9:15)
Where'd my NavLink Go?
Carl and Jeff want to know why a NavLink disappears whenever they access the Account page in a .NET 8 Blazor Web App with Individual Accounts.
Episode 44 - 8/2/2024 (10:41)
No RCL Protection!
Carl and Jeff want to know how to use Protected Local Storage in a Razor Class Library inside a Blazor Server app.
Episode 43 - 7/26/2024 (12:22)
Virtually Overworked
Carl and Jeff want to know why too many items are shown in a virtualized list.
Episode 42 - 7/19/2024 (8:38)
Impossible CSS
Carl and Jeff want to know how to make a div consistently span the full height of the page, even if the browser is resized.
Episode 41 - 7/12/2024 (14:04)
Show Me The Email!
Carl and Jeff want to know why their code to retrieve the logged-in user's email address in the NavMenu doesn't work.
Episode 40 - 6/28/2024 (10:39)
I Want my QR Code!
Carl and Jeff want to know why the instructions for setting up Two-Factor Authentication with a QR code don't work.
Episode 39 - 6/21/2024 (10:35)
What The Form!
Carl and Jeff want to know why an EditForm throws validation errors when the requirements have been met.
Episode 38 - 6/14/2024 (10:44)
Link the Weather
Carl and Jeff have a Blazor app that downloads weather forecasts from the National Weather Service. They want to know how to share the weather forecast results with a URL.
Episode 37 - 6/7/2024 (08:13)
Minimal API Issue
Carl and Jeff want to know why an app blows up when they try to retrieve data from a Minimal API Endpoint.
Episode 36 - 5/24/2024 (10:26)
Can't Log Out!
Carl and Jeff want to know why they can't log out of a Blazor Web App
Episode 35 - 5/17/2024 (15:49)
Encrypt This!
Carl and Jeff want to know how to encrypt data on the client in a Global Server Blazor Web App.
Episode 34 - 5/10/2024 (11:04)
Static Search
Carl and Jeff want to know how to connect an input box to a search page in a server-side-rendered Blazor Web App.
Episode 33 - 5/3/2024 (7:50)
The Components that Bind
Carl and Jeff want to know why changing a component’s parameter value doesn’t update when bound to a value in a parent component.
Episode 32 - 4/19/2024 (10:36)
Updating Parameters
Carl and Jeff want to know why changing a component’s parameter value doesn’t work.
Episode 31 - 4/12/2024 (7:24)
Re-use This!
Carl and Jeff want to know why they can't drop an existing Blazor page into a Blazor Hybrid app.
Episode 30 - 4/12/2024 (7:24)
Where's The Layout?
Carl and Jeff want to know why adding a parameter to the Home page results in the loss of CSS styling.
Episode 29 - 3/29/2024 (10:59)
A Pre-Render Bender?
Carl and Jeff want to know how to deal with side-effects of turning off pre-rendering in a .NET 8 Blazor Web App.
Episode 28 - 3/22/2024 (10:59)
Where's the HTML?
Carl and Jeff want to know how to display raw HTML in a Blazor page or component.
Episode 27 - 3/15/2024 (12:12)
Click Once, That's It!
Carl and Jeff want to know why a button click only works once.
Episode 26 - 3/8/2024 (12:11)
From RCL to Routable Page
Carl and Jeff want to know how to make a component in a Razor Class Library routable in a Blazor Web App.
Episode 25 - 3/1/2024 (9:52)
ButtonNumber++
Carl and Jeff want to know why dynamic button components don't hold their numbers.
Episode 24 - 2/23/2024 (9:51)
Let us Stand Alone
Carl and Jeff want to know how to create a Blazor Standalone WebAssembly Web App in .NET 8.
Episode 23 - 2/16/2024 (15:39)
Forge Ahead!
Carl and Jeff want to know why an AntiForgeryToken is not being passed to an EditForm.
Episode 22 - 2/9/2024 (8:45)
Icon Not Find Icons!
In this episode, Carl and Jeff want to know how to add more icons to the NavMenu component.
Episode 21 - 1/26/2024 (10:26)
Bungle a Bundle
In this episode, Carl and Jeff want to know how to bundle CSS and JavaScript using C# in a Blazor Web App.
Episode 20 - 1/19/2024 (8:32)
It's a 404 World
In this episode, Carl and Jeff want to know how to implement a 404 handler in a Blazor Web App.
Episode 19 - 1/12/2024 (12:58)
To Layout or Not Layout
In this episode, Carl and Jeff want to know how to show a page that does not use a layout.
Episode 18 - 1/4/2024 (10:07)
Where's the Config?
In this episode, Carl and Jeff want to know how to display a message from the config file in a WebAssembly app.
Episode 17 - 12/22/2023 (9:19)
Whether or Not
In this episode, Jeff and Carl improve the Weather page to better show off the Streaming Rendering feature of Blazor in .NET 8.
Episode 16 - 12/15/2023 (9:11)
No Message for You!
In this episode, Carl and Jeff wonder why a variable doesn't persist between calls.
Episode 15 - 12/8/2023 (12:39)
Unexpected Behavior
In this episode, Carl and Jeff wonder why a .NET Blazor Web App is behaving strangely.
Episode 14 - 12/1/2023 (22:59)
Simple App Doesn't Work
In this episode, Carl and Jeff want to know why this simple .NET 8 Blazor Web App doesn't work.
Episode 13 - 11/16/2023 (25:20)
Upgrade This App!
In this episode, Carl and Jeff show a Blazor Server app that accesses data and displays it in a grid. The challenge is to upgrade it to a .NET 8 Blazor Web App with the Auto Interactive mode.
Episode 12 - 11/10/2023 (16:14)
Build a Better Background Service
In this episode, Carl and Jeff show a Blazor Server app that implements a problematic background service Is there a better way to write it?
Episode 11 - 11/03/2023 (9:48)
Build a Better State Bag
In this episode, Carl and Jeff show a solution with shared state that shows updates using INotifyPropertyChanged. Is there a better way to achieve this?
Episode 10 - 10/27/2023 (11:12)
Stop the Rendering
In this episode, Carl and Jeff show a solution in which a child component keeps rendering when we don't want it to. How can we stop it from rendering?
Episode 9 - 10/20/2023 (09:30)
A Matter of Focus
In this episode, Carl Franklin and Jeff Fritz need help to figure out why they can't show an input tag and set focus from a button.
Episode 8 - 10/13/2023 (10:11)
A Printing Puzzle
In this episode, Carl Franklin and Jeff Fritz wonder how to tell Blazor that a certain part of markup should not be included in the printed document.
Episode 7 - 10/6/2023 (11:54)
A Parameter Problem #2
In this episode, Carl Franklin and Jeff Fritz continue with the project from last week by adding a footer with a checkbox to enable dark mode, but it doesn't work. Why?
Episode 6 - 9/29/2023 (9:55)
A Parameter Problem
In this episode, Carl Franklin and Jeff Fritz show a Blazor app that passes parameters three levels down the chain, but it doesn't work. Why?
Episode 5 - 9/22/2023 (9:17)
Localization Woes
In this episode, Carl Franklin and Jeff Fritz show a Blazor app to demonstrate Localization, but it doesn't work. Why?
Episode 4 - 9/15/2023 (9:17)
Lazy Not Loading!
In this episode, Carl Franklin and Jeff Fritz show a Blazor WebAssembly app that should be lazy loading a large library (on demand), but it doesn't work. Why?
Episode 3 - 9/8/2023 (10:59)
JavaScript Calling!
In this episode, Carl Franklin and Jeff Fritz show a Blazor Server app that Jeff converted from an MVC app, but it's getting a 404 error. Why?
Episode 2 - 9/1/2023 (10:55)
Got JavaScript?
In this episode, Carl Franklin and Jeff Fritz show a solution where Blazor calls into JavaScript, and then JavaScript calls Blazor C# code after 5 seconds.
Episode 1 - 8/25/2023 (10:56)
Introducing The Blazor Puzzle
In the premiere episode, Carl Franklin and Jeff Fritz offer thier first challenge. What's wrong with this code?