question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Maui Blazor Hot Reload Not Working With CSS Isolation Files

See original GitHub issue

Description

When using css isolation files such as xxx.razor.css hot reload does not apply the changes.

Steps to Reproduce

  1. Create a new Maui Blazor App.
  2. Add a new css isolation file E.G. index.razor.css
  3. Run the app.
  4. Add some css to the index.razor.css file h1{ color:blue; }
  5. On save there is no update in the Index page.

Version with bug

Release Candidate 3 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Visual Studio Version 17.3.0 Preview 1.0

Did you find any workaround?

None

Relevant log output

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
drasticactionscommented, May 14, 2022

Static CSS Hot Reload is supported in 17.3 Preview 1, compiled CSS is not. That might land in Preview 2.

IMO I would close this issue and move this conversation to that feedback item. This issue is related to Visual Studio tooling and is unrelated to anything anyone could do in this repo.

0reactions
mcummingcommented, Feb 16, 2023

This is fixed in 17.5 / 17.6

Read more comments on GitHub >

github_iconTop Results From Across the Web

Hot Reload For CSS Not Working With Blazor ...
Create a new Blazor WebAssembly project and DO NOT select the 'ASP.NET Core hosted' option. · Run the application without debugging. · Ensure...
Read more >
CSS Isolation in Blazor Server (Net 7) project not working
Confirm you load the CSS file and it gets downloaded into the browser when running the app. You can also confirm the content...
Read more >
ASP.NET Core Blazor CSS isolation
Learn how CSS isolation scopes CSS to Razor components, which can simplify CSS and avoid collisions with other components or libraries.
Read more >
.NET 6 Blazor Hot Reload fails depending on the port ...
Tried running it again and it worked! watch : File changed: D:\Code\TailwindStarter\Pages\Index.razor. watch : Hot reload of changes succeeded.
Read more >
Blazor Updates, Hot Reload and Minimal APIs Highlight ...
The post says Hot Reload lets developers "apply changes to Razor, C#, and CSS source files into your running app during development without ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found