Bug 1752655 Comment 13 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

When I see this, the following is logged in the browser console (minus "info" logs because there's about 500 of them):

```
Mar-30 13:26:30.889 [SERVICE-WORKER] normalizing request URL for cache https://app.slack.com/client/T027LFU12 service-worker.js:1:56162
Mar-30 13:26:30.911 [SERVICE-WORKER] responding from cache (normalized) /boot/client.html service-worker.js:1:56162
NS_ERROR_INVALID_CONTENT_ENCODING: Component returned failure code: 0x804b001b (NS_ERROR_INVALID_CONTENT_ENCODING) [nsIStreamListener.onDataAvailable] 2 network-response-listener.js:590
Content Security Policy: Couldn't parse invalid host 'wasm-eval'
Content Security Policy: Couldn't parse invalid host 'wasm-unsafe-eval'
Content Security Policy: Couldn't parse invalid host 'wasm-eval'
Content Security Policy: Couldn't parse invalid host 'wasm-unsafe-eval'
Mar-30 13:26:31.117 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/slack-icons-v2-fe043a5.woff2 service-worker.js:1:56162
Mar-30 13:26:31.131 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/lato-regular-d9ce515.woff2 service-worker.js:1:56162
Mar-30 13:26:31.144 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/lato-black-b64f5e4.woff2 service-worker.js:1:56162
Mar-30 13:26:31.157 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/lato-bold-4b1dc11.woff2 service-worker.js:1:56162
Mar-30 13:26:31.177 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/slack-kit-styles.02eca50.css service-worker.js:1:56162
Mar-30 13:26:31.198 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/client-boot-styles.614ea87.css service-worker.js:1:56162
Mar-30 13:26:31.217 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/helper-styles.6e85b79.css service-worker.js:1:56162
Mar-30 13:26:31.231 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/gantry-vendors.b83fc3b.min.js service-worker.js:1:56162
Mar-30 13:26:31.243 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/gantry-shared.7241864.min.js service-worker.js:1:56162
Mar-30 13:26:31.255 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/client-boot.aba29b2.min.js service-worker.js:1:56162
[WD] All assets have reported back; s: 6; f: 0 T027LFU12:1:945
Mar-30 13:26:31.883 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/gantry-vendors-async.58fd38d.min.js service-worker.js:1:56162
Mar-30 13:26:31.891 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/gantry-vendors-async-client.3c603c7.min.js service-worker.js:1:56162
Mar-30 13:26:31.911 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/client-boot-imports.28a6804.min.js service-worker.js:1:56162
[WD] All assets have reported back; s: 9; f: 0 T027LFU12:1:945
Mar-30 13:26:34.120 [SERVICE-WORKER] responding with fetch https://mozilla.slack.com/api/api.features?_x_gantry=true&_x…f3f496e04e71aec7959795457752ed3f1cdbe0965b40e04a337e13bcc8f8 service-worker.js:1:56162
Mar-30 13:26:34.120 [SERVICE-WORKER] responding with fetch https://slack-imgs.com/ 3 service-worker.js:1:56162
Mar-30 13:26:34.544 [SERVICE-WORKER] responding with fetch https://mozilla.slack.com/api/experiments.getByUser?_x_gantr…f3f496e04e71aec7959795457752ed3f1cdbe0965b40e04a337e13bcc8f8 service-worker.js:1:56162
Use of Mutation Events is deprecated. Use MutationObserver instead. gantry-vendors-async.58fd38d.min.js:25:17177
Mar-30 13:26:35.455 [SERVICE-WORKER] responding with fetch https://slack-imgs.com/ service-worker.js:1:56162
Mar-30 13:26:35.457 [SERVICE-WORKER] responding with fetch https://slack-imgs.com/ 2 service-worker.js:1:56162
Mar-30 13:26:35.987 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.214 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.223 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.310 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.704 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.782 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.854 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
The resource at “https://a.slack-edge.com/bv1-9/lato-regular-d9ce515.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. C029R6D5VUN-1648599697.812909
The resource at “https://a.slack-edge.com/bv1-9/lato-black-b64f5e4.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. C029R6D5VUN-1648599697.812909
The resource at “https://a.slack-edge.com/bv1-9/lato-bold-4b1dc11.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. C029R6D5VUN-1648599697.812909
Some cookies are misusing the recommended “SameSite“ attribute 2
Attempt to set a forbidden header was denied: Connection 1747225210-client_js_prod_kix_core.js:2441:471
Persisting sync data up to s95364055_276459_74114_84166880_14553710_60233_2779397_64730169_3715 bdc4736dc6bebfc09f05.worker.js:1:62668
​```

If I compare a "good" slack tab with a "bad" slack tab, the good one shows that fonts are set by a `font-family` rule:

```
[lang] body {
  font-family: Slack-Lato,Slack-Fractions,appleLogo,sans-serif;
}
```

from https://a.slack-edge.com/bv1-9/slack-kit-styles.02eca50.css?cacheKey=gantry-1648624050 . Unclear if that URL is the same across users. Anyway, that rule is completely missing in the broken tab. The devtools style editor does indicate that the stylesheet was loaded, but claims it has 0 rules - but when selecting it in the style editor, compressed and correctly syntax-highlighted CSS shows up (I'm guessing, because it gets re-fetched). If I then add a space at the very start of the CSS content in the style editor, the content in the tab suddenly gets styled correctly.

So ISTM the service worker fetch for some CSS files (and perhaps JS files, given the broken thread views) is returning nothing or broken content, for some reason. At the moment this is happening a lot for me locally (as others have said, a refresh fixes it for that tab, but the next slack tab I open has the same issue) - I'm happy to help debug further but I don't know what information would be helpful.
When I see this, the following is logged in the browser console (minus "info" logs because there's about 500 of them):

```

Mar-30 13:26:30.889 [SERVICE-WORKER] normalizing request URL for cache https://app.slack.com/client/T027LFU12 service-worker.js:1:56162
Mar-30 13:26:30.911 [SERVICE-WORKER] responding from cache (normalized) /boot/client.html service-worker.js:1:56162
NS_ERROR_INVALID_CONTENT_ENCODING: Component returned failure code: 0x804b001b (NS_ERROR_INVALID_CONTENT_ENCODING) [nsIStreamListener.onDataAvailable] 2 network-response-listener.js:590
Content Security Policy: Couldn't parse invalid host 'wasm-eval'
Content Security Policy: Couldn't parse invalid host 'wasm-unsafe-eval'
Content Security Policy: Couldn't parse invalid host 'wasm-eval'
Content Security Policy: Couldn't parse invalid host 'wasm-unsafe-eval'
Mar-30 13:26:31.117 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/slack-icons-v2-fe043a5.woff2 service-worker.js:1:56162
Mar-30 13:26:31.131 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/lato-regular-d9ce515.woff2 service-worker.js:1:56162
Mar-30 13:26:31.144 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/lato-black-b64f5e4.woff2 service-worker.js:1:56162
Mar-30 13:26:31.157 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/lato-bold-4b1dc11.woff2 service-worker.js:1:56162
Mar-30 13:26:31.177 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/slack-kit-styles.02eca50.css service-worker.js:1:56162
Mar-30 13:26:31.198 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/client-boot-styles.614ea87.css service-worker.js:1:56162
Mar-30 13:26:31.217 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/helper-styles.6e85b79.css service-worker.js:1:56162
Mar-30 13:26:31.231 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/gantry-vendors.b83fc3b.min.js service-worker.js:1:56162
Mar-30 13:26:31.243 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/gantry-shared.7241864.min.js service-worker.js:1:56162
Mar-30 13:26:31.255 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/client-boot.aba29b2.min.js service-worker.js:1:56162
[WD] All assets have reported back; s: 6; f: 0 T027LFU12:1:945
Mar-30 13:26:31.883 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/gantry-vendors-async.58fd38d.min.js service-worker.js:1:56162
Mar-30 13:26:31.891 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/gantry-vendors-async-client.3c603c7.min.js service-worker.js:1:56162
Mar-30 13:26:31.911 [SERVICE-WORKER] responding from cache https://a.slack-edge.com/bv1-9/client-boot-imports.28a6804.min.js service-worker.js:1:56162
[WD] All assets have reported back; s: 9; f: 0 T027LFU12:1:945
Mar-30 13:26:34.120 [SERVICE-WORKER] responding with fetch https://mozilla.slack.com/api/api.features?_x_gantry=true&_x…f3f496e04e71aec7959795457752ed3f1cdbe0965b40e04a337e13bcc8f8 service-worker.js:1:56162
Mar-30 13:26:34.120 [SERVICE-WORKER] responding with fetch https://slack-imgs.com/ 3 service-worker.js:1:56162
Mar-30 13:26:34.544 [SERVICE-WORKER] responding with fetch https://mozilla.slack.com/api/experiments.getByUser?_x_gantr…f3f496e04e71aec7959795457752ed3f1cdbe0965b40e04a337e13bcc8f8 service-worker.js:1:56162
Use of Mutation Events is deprecated. Use MutationObserver instead. gantry-vendors-async.58fd38d.min.js:25:17177
Mar-30 13:26:35.455 [SERVICE-WORKER] responding with fetch https://slack-imgs.com/ service-worker.js:1:56162
Mar-30 13:26:35.457 [SERVICE-WORKER] responding with fetch https://slack-imgs.com/ 2 service-worker.js:1:56162
Mar-30 13:26:35.987 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.214 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.223 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.310 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.704 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.782 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
Mar-30 13:26:36.854 Couldn't complete metrics measurement for start mark 'membership-update-mark' gantry-shared.7241864.min.js:1:567182
The resource at “https://a.slack-edge.com/bv1-9/lato-regular-d9ce515.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. C029R6D5VUN-1648599697.812909
The resource at “https://a.slack-edge.com/bv1-9/lato-black-b64f5e4.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. C029R6D5VUN-1648599697.812909
The resource at “https://a.slack-edge.com/bv1-9/lato-bold-4b1dc11.woff2” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. C029R6D5VUN-1648599697.812909
Some cookies are misusing the recommended “SameSite“ attribute 2
Attempt to set a forbidden header was denied: Connection 1747225210-client_js_prod_kix_core.js:2441:471
Persisting sync data up to s95364055_276459_74114_84166880_14553710_60233_2779397_64730169_3715 bdc4736dc6bebfc09f05.worker.js:1:62668
​
```

If I compare a "good" slack tab with a "bad" slack tab, the good one shows that fonts are set by a `font-family` rule:

```
[lang] body {
  font-family: Slack-Lato,Slack-Fractions,appleLogo,sans-serif;
}
```

from https://a.slack-edge.com/bv1-9/slack-kit-styles.02eca50.css?cacheKey=gantry-1648624050 . Unclear if that URL is the same across users. Anyway, that rule is completely missing in the broken tab. The devtools style editor does indicate that the stylesheet was loaded, but claims it has 0 rules - but when selecting it in the style editor, compressed and correctly syntax-highlighted CSS shows up (I'm guessing, because it gets re-fetched). If I then add a space at the very start of the CSS content in the style editor, the content in the tab suddenly gets styled correctly.

So ISTM the service worker fetch for some CSS files (and perhaps JS files, given the broken thread views) is returning nothing or broken content, for some reason. At the moment this is happening a lot for me locally (as others have said, a refresh fixes it for that tab, but the next slack tab I open has the same issue) - I'm happy to help debug further but I don't know what information would be helpful.

Back to Bug 1752655 Comment 13