Skip to content

Background images defined in CSS via background: url("data:image/svg+xml ...)are not rendered in IE in prod mode #17564

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
onebalaban opened this issue Apr 28, 2020 · 1 comment · Fixed by #17575
Labels
Milestone

Comments

@onebalaban
Copy link

🐞 bug report

Is this a regression?

Yes, the previous version in which this bug was not present was: v8.

Description

A clear and concise description of the problem...

Background images defined in CSS via background: url("data:image/svg+xml ...)are not rendered in IE in prod mode.

🔬 Minimal Reproduction

  1. Open this GitHub repo: https://github.com/onebalaban/svgbackgroundissue

  2. Run npm install

  3. Run ng serve --prod

  4. Open the http://localhost:4200/ page in Chrome. You will see this picture:

Screen Shot 2020-04-28 at 12 08 36

5) Open the same page in IE 11. Nothing is shown.

🌍 Your Environment

Angular Version:




Angular CLI: 9.1.1
Node: 13.9.0
OS: win32 x64

Angular: 9.1.2
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.901.1
@angular-devkit/build-angular     0.901.1
@angular-devkit/build-optimizer   0.901.1
@angular-devkit/build-webpack     0.901.1
@angular-devkit/core              9.1.1
@angular-devkit/schematics        9.1.1
@angular/cli                      9.1.1
@ngtools/webpack                  9.1.1
@schematics/angular               9.1.1
@schematics/update                0.901.1
rxjs                              6.5.5
typescript                        3.8.3
webpack                           4.42.0

Anything else relevant?
IE 11.657.18362.0 Update versions 11.0.175 (KB4537767) on Windows 10 v1909 build 18363.657

It seems that CSS minification/bundling changes somehow the source CSS code.

@clydin clydin transferred this issue from angular/angular Apr 28, 2020
@ngbot ngbot bot added this to the Backlog milestone Apr 29, 2020
mgechev pushed a commit that referenced this issue Apr 29, 2020
SVGO can cause optimizations which are not compatible in all browsers.

FIxes: #17564
mgechev pushed a commit that referenced this issue Apr 29, 2020
SVGO can cause optimizations which are not compatible in all browsers.

FIxes: #17564
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators May 30, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants