WebEssentials.AspNetCore.CdnTagHelpers icon indicating copy to clipboard operation
WebEssentials.AspNetCore.CdnTagHelpers copied to clipboard

StyleTagHelper results in empty <style> tags

Open paulirwin opened this issue 7 years ago • 2 comments

Steps to reproduce:

  1. Create new ASP.NET Core web app
  2. Add NuGet reference to CdnTagHelpers 1.0.16
  3. Add @addTagHelper *, WebEssentials.AspNetCore.CdnTagHelpers to _ViewImports.cshtml
  4. Make appsettings.json change as recommended in README
  5. Add the style tag below to Index.cshtml
  6. Run app, view source. Note that the style tag renders as <style></style> and the rule(s) have been removed.
  7. Add @removeTagHelper WebEssentials.AspNetCore.CdnTagHelpers.StyleTagHelper, WebEssentials.AspNetCore.CdnTagHelpers to _ViewImports.cshtml
  8. Refresh page, note that styles return

Add to Index.cshtml:

<style>
    .foo {
        color: blue;
    }
</style>

appsettings.json:

{
  "cdn": {
    "url": "https://myname.azureedge.net"
  }
}

Rendered source with StyleTagHelper enabled:

<style></style>

paulirwin avatar Jul 09 '18 17:07 paulirwin

Just experienced the same problem of inline styles getting removed. Any available workaround on this?

PeterStaev avatar Nov 20 '18 13:11 PeterStaev

You can skip the Style Helper altogether. Update the _ViewImports.cshtml page with the following:

@addTagHelper WebEssentials.AspNetCore.CdnTagHelpers.CdnTagHelper, WebEssentials.AspNetCore.CdnTagHelpers
@addTagHelper WebEssentials.AspNetCore.CdnTagHelpers.PreConnectTagHelper, WebEssentials.AspNetCore.CdnTagHelpers

kim3er avatar Oct 22 '19 19:10 kim3er