payload: {"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular-cli/issues/16256","repository_url":"https://api.github.com/repos/angular/angular-cli","labels_url":"https://api.github.com/repos/angular/angular-cli/issues/16256/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular-cli/issues/16256/comments","events_url":"https://api.github.com/repos/angular/angular-cli/issues/16256/events","html_url":"https://github.com/angular/angular-cli/issues/16256","id":526808461,"node_id":"MDU6SXNzdWU1MjY4MDg0NjE=","number":16256,"title":"SCSS source maps no longer work in Safari","user":{"login":"smlombardi","id":835148,"node_id":"MDQ6VXNlcjgzNTE0OA==","avatar_url":"https://avatars1.githubusercontent.com/u/835148?v=4","gravatar_id":"","url":"https://api.github.com/users/smlombardi","html_url":"https://github.com/smlombardi","followers_url":"https://api.github.com/users/smlombardi/followers","following_url":"https://api.github.com/users/smlombardi/following{/other_user}","gists_url":"https://api.github.com/users/smlombardi/gists{/gist_id}","starred_url":"https://api.github.com/users/smlombardi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/smlombardi/subscriptions","organizations_url":"https://api.github.com/users/smlombardi/orgs","repos_url":"https://api.github.com/users/smlombardi/repos","events_url":"https://api.github.com/users/smlombardi/events{/privacy}","received_events_url":"https://api.github.com/users/smlombardi/received_events","type":"User","site_admin":false},"labels":[{"id":957896443,"node_id":"MDU6TGFiZWw5NTc4OTY0NDM=","url":"https://api.github.com/repos/angular/angular-cli/labels/comp:%20devkit/build-angular","name":"comp: devkit/build-angular","color":"c5def5","default":false,"description":""},{"id":531674830,"node_id":"MDU6TGFiZWw1MzE2NzQ4MzA=","url":"https://api.github.com/repos/angular/angular-cli/labels/freq1:%20low","name":"freq1: low","color":"fbca04","default":false,"description":"Only reported by a handful of users who observe it rarely"},{"id":531675532,"node_id":"MDU6TGFiZWw1MzE2NzU1MzI=","url":"https://api.github.com/repos/angular/angular-cli/labels/severity5:%20regression","name":"severity5: regression","color":"5319e7","default":false,"description":null},{"id":220593710,"node_id":"MDU6TGFiZWwyMjA1OTM3MTA=","url":"https://api.github.com/repos/angular/angular-cli/labels/type:%20bug/fix","name":"type: bug/fix","color":"EEEEEE","default":false,"description":""}],"state":"open","locked":false,"assignee":{"login":"alan-agius4","id":17563226,"node_id":"MDQ6VXNlcjE3NTYzMjI2","avatar_url":"https://avatars3.githubusercontent.com/u/17563226?v=4","gravatar_id":"","url":"https://api.github.com/users/alan-agius4","html_url":"https://github.com/alan-agius4","followers_url":"https://api.github.com/users/alan-agius4/followers","following_url":"https://api.github.com/users/alan-agius4/following{/other_user}","gists_url":"https://api.github.com/users/alan-agius4/gists{/gist_id}","starred_url":"https://api.github.com/users/alan-agius4/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alan-agius4/subscriptions","organizations_url":"https://api.github.com/users/alan-agius4/orgs","repos_url":"https://api.github.com/users/alan-agius4/repos","events_url":"https://api.github.com/users/alan-agius4/events{/privacy}","received_events_url":"https://api.github.com/users/alan-agius4/received_events","type":"User","site_admin":false},"assignees":[{"login":"alan-agius4","id":17563226,"node_id":"MDQ6VXNlcjE3NTYzMjI2","avatar_url":"https://avatars3.githubusercontent.com/u/17563226?v=4","gravatar_id":"","url":"https://api.github.com/users/alan-agius4","html_url":"https://github.com/alan-agius4","followers_url":"https://api.github.com/users/alan-agius4/followers","following_url":"https://api.github.com/users/alan-agius4/following{/other_user}","gists_url":"https://api.github.com/users/alan-agius4/gists{/gist_id}","starred_url":"https://api.github.com/users/alan-agius4/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alan-agius4/subscriptions","organizations_url":"https://api.github.com/users/alan-agius4/orgs","repos_url":"https://api.github.com/users/alan-agius4/repos","events_url":"https://api.github.com/users/alan-agius4/events{/privacy}","received_events_url":"https://api.github.com/users/alan-agius4/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/angular/angular-cli/milestones/20","html_url":"https://github.com/angular/angular-cli/milestone/20","labels_url":"https://api.github.com/repos/angular/angular-cli/milestones/20/labels","id":4485851,"node_id":"MDk6TWlsZXN0b25lNDQ4NTg1MQ==","number":20,"title":"v9-candidates","description":"","creator":{"login":"alan-agius4","id":17563226,"node_id":"MDQ6VXNlcjE3NTYzMjI2","avatar_url":"https://avatars3.githubusercontent.com/u/17563226?v=4","gravatar_id":"","url":"https://api.github.com/users/alan-agius4","html_url":"https://github.com/alan-agius4","followers_url":"https://api.github.com/users/alan-agius4/followers","following_url":"https://api.github.com/users/alan-agius4/following{/other_user}","gists_url":"https://api.github.com/users/alan-agius4/gists{/gist_id}","starred_url":"https://api.github.com/users/alan-agius4/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alan-agius4/subscriptions","organizations_url":"https://api.github.com/users/alan-agius4/orgs","repos_url":"https://api.github.com/users/alan-agius4/repos","events_url":"https://api.github.com/users/alan-agius4/events{/privacy}","received_events_url":"https://api.github.com/users/alan-agius4/received_events","type":"User","site_admin":false},"open_issues":5,"closed_issues":45,"state":"open","created_at":"2019-07-12T04:33:44Z","updated_at":"2019-12-11T18:51:08Z","due_on":null,"closed_at":null},"comments":0,"created_at":"2019-11-21T19:54:54Z","updated_at":"2019-12-16T18:03:18Z","closed_at":null,"author_association":"NONE","body":"<!--🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅\r\n\r\nOh hi there! 😄\r\n\r\nTo expedite issue processing please search open and closed issues before submitting a new one.\r\nExisting issues often contain information about workarounds, resolution, or progress updates.\r\n\r\n🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅-->\r\n\r\n\r\n# 🐞 Bug report\r\n\r\n### Command (mark with an `x`)\r\n<!-- Can you pin-point the command or commands that are effected by this bug? -->\r\n<!-- ✍️edit: -->\r\n\r\n- [ ] new\r\n- [ ] build\r\n- [ x ] serve\r\n- [ ] test\r\n- [ ] e2e\r\n- [ ] generate\r\n- [ ] add\r\n- [ ] update\r\n- [ ] lint\r\n- [ ] xi18n\r\n- [ ] run\r\n- [ ] config\r\n- [ ] help\r\n- [ ] version\r\n- [ ] doc\r\n\r\n\r\n### Is this a regression?\r\n\r\nYes, until recently scss sourcemaps worked in Safari 13.03 and Technology Preview 13.1\r\n\r\n### Description\r\n\r\nRun application with `ng serve`, `localhost:8083` Inspect an element on the page in Safari.  All the style rules point to the `styles.css` file instead of to their respective SCSS files.\r\n\r\nSame page viewed in Firefox, Chrome, or Edge correctly displays the scss file to each rule as expected.\r\n\r\nChecked both versions of Safari on sites that use other methods  of compiling SCSS and the maps on those sites work.\r\n\r\n\r\n## 🔬 Minimal Reproduction\r\n\r\n1. start new app, `ng new`\r\n2. run app, `npm start`\r\n3. add something to the styles.scss file, I added \r\n\r\n```\r\n.card {\r\n  background-color: yellow !important;\r\n}\r\n```\r\n4.  reload.  cards are yellow.  inspect one.\r\n5. style path is \"localhost\", not \"styles.scss\"\r\n6. create a partial scss file, \"_partial.scss\" with the above code in it and import this into an emptied \"styles.scss\"\r\n7. Cards still yellow, inspector says \"localhost\" should say \"_partial.scss\"\r\n\r\n<img width=\"472\" alt=\"Screen Shot 2019-11-21 at 3 12 12 PM\" src=\"https://user-images.githubusercontent.com/835148/69373203-4f548b80-0c71-11ea-89bc-52fb18eff1fd.png\">\r\n\r\n\r\n\r\n## 🌍 Your Environment\r\n<pre><code>\r\nAngular CLI: 8.3.19\r\nNode: 10.16.0\r\nOS: darwin x64\r\nAngular: 8.2.14\r\n... animations, common, compiler, compiler-cli, core, forms\r\n... language-service, platform-browser, platform-browser-dynamic\r\n... platform-server, router\r\n\r\nPackage                            Version\r\n------------------------------------------------------------\r\n@angular-devkit/architect          0.803.19\r\n@angular-devkit/build-angular      0.803.19\r\n@angular-devkit/build-ng-packagr   0.803.19\r\n@angular-devkit/build-optimizer    0.803.19\r\n@angular-devkit/build-webpack      0.803.19\r\n@angular-devkit/core               8.3.19\r\n@angular-devkit/schematics         8.3.19\r\n@angular/cdk                       8.2.3\r\n@angular/cli                       8.3.19\r\n@angular/material                  8.2.3\r\n@ngtools/webpack                   8.3.19\r\n@nguniversal/express-engine        8.1.1\r\n@schematics/angular                8.3.19\r\n@schematics/update                 0.803.19\r\nng-packagr                         5.7.1\r\nrxjs                               6.5.3\r\ntypescript                         3.4.5\r\nwebpack                            4.39.2\r\n</code></pre>\r\n\r\n**Anything else relevant?**\r\nAs mentioned above, issue is only in Safari browsers 13.03 and 13.1\r\n\r\nInspecting in Safari 13.03:\r\n\r\n![CleanShot 2019-11-21 at 14 51 50](https://user-images.githubusercontent.com/835148/69371959-d3594400-0c6e-11ea-865b-e31dede205c9.png)\r\n\r\nSame in Firefox 71:\r\n![CleanShot 2019-11-21 at 14 52 03](https://user-images.githubusercontent.com/835148/69371986-deac6f80-0c6e-11ea-8a18-7c890816cc9a.png)\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/angular/angular-cli/issues/comments/566173626","html_url":"https://github.com/angular/angular-cli/issues/16256#issuecomment-566173626","issue_url":"https://api.github.com/repos/angular/angular-cli/issues/16256","id":566173626,"node_id":"MDEyOklzc3VlQ29tbWVudDU2NjE3MzYyNg==","user":{"login":"alan-agius4","id":17563226,"node_id":"MDQ6VXNlcjE3NTYzMjI2","avatar_url":"https://avatars3.githubusercontent.com/u/17563226?v=4","gravatar_id":"","url":"https://api.github.com/users/alan-agius4","html_url":"https://github.com/alan-agius4","followers_url":"https://api.github.com/users/alan-agius4/followers","following_url":"https://api.github.com/users/alan-agius4/following{/other_user}","gists_url":"https://api.github.com/users/alan-agius4/gists{/gist_id}","starred_url":"https://api.github.com/users/alan-agius4/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alan-agius4/subscriptions","organizations_url":"https://api.github.com/users/alan-agius4/orgs","repos_url":"https://api.github.com/users/alan-agius4/repos","events_url":"https://api.github.com/users/alan-agius4/events{/privacy}","received_events_url":"https://api.github.com/users/alan-agius4/received_events","type":"User","site_admin":false},"created_at":"2019-12-16T18:03:18Z","updated_at":"2019-12-16T18:03:18Z","author_association":"COLLABORATOR","body":"Hi @smlombardi, I had a look at this and this and it seems that Safari is unable to resolve source maps in `style` tags. These are injected when css is not extracted. Which is default for non production builds. \r\n\r\nAs a workaround you can opt to always extract css. You can do so by adding `extractCss: true` under build options in your `angular.json`."}}
other: {"actor":{"display_login":"alan-agius4"}}