bsky.app post images not showing

[ChrisCat]

Images in bsky.app posts aren't showing. The site logo, user profile banners, and the user icons are visible, but not images the posts should contain. As an example:

https://bsky.app/profile/yukioto.bsky.social

The posts should have images, but they aren't displaying in either the main profile page or the individual post pages. If I right click any of the affected pages and go to View Page Info -> Media, the image files are listed and I can see them there, but they're not showing in the page itself.

I've tried looking at the Web Console under Developer Tools, refreshing the page, and no errors or warnings are displayed that I can see. I also tried disabling uBlock Origin in case that was interfering somehow (restarting the browser after disabling it just in case), but it doesn't fix it. The images do show in Firefox, so it's not some kind of login restriction for the site.

[suzyne]

Can confirm. First image is in Edge with pic, the next is Pale Moon without. Nothing is showing in the Console and File, Developer Tools, Error Console is empty too.

[jobbautista9]

Example URL where there is supposed to be an image but Pale Moon doesn't show it: https://bsky.app/profile/makai.chaotic. ... 6xets7ps2x

Unfortunately I have no idea why this happens. I've enabled layout.css.report_errors in about:config to see if I can find anything relevant, but can't seem to find any. Including all the warnings anyway, just in case some CSS guru can figure out from my output what's going on.

I've tested in a fresh profile of 33.0.1 as well with no add-ons, and the issue still exists there.

Code: Select all

Timestamp: 3/10/2024 11:19:18
Warning: Error in parsing value for ‘-webkit-text-size-adjust’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 42, Column: 32
Source Code:
      -webkit-text-size-adjust: 100%;
Timestamp: 3/10/2024 11:19:18
Warning: Unknown property ‘scrollbar-gutter’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 44, Column: 22
Source Code:
      scrollbar-gutter: stable both-edges;
Timestamp: 3/10/2024 11:19:18
Warning: Unknown property ‘color-scheme’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 66, Column: 24
Source Code:
            color-scheme: dark;
Timestamp: 3/10/2024 11:19:18
Warning: Unknown property ‘color-scheme’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 80, Column: 20
Source Code:
        color-scheme: dark;
Timestamp: 3/10/2024 11:19:18
Warning: Unknown property ‘color-scheme’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 86, Column: 20
Source Code:
        color-scheme: dark;
Timestamp: 3/10/2024 11:19:18
Warning: Unknown pseudo-class or pseudo-element ‘autofill’.  Ruleset ignored due to bad selector.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 90, Column: 10
Source Code:
    input:autofill,
Timestamp: 3/10/2024 11:19:18
Warning: Unknown pseudo-class or pseudo-element ‘-webkit-date-and-time-value’.  Ruleset ignored due to bad selector.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 103, Column: 11
Source Code:
    input::-webkit-date-and-time-value {
Timestamp: 3/10/2024 11:19:18
Warning: Unknown property ‘overscroll-behavior-y’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 111, Column: 27
Source Code:
      overscroll-behavior-y: none;
Timestamp: 3/10/2024 11:19:18
Warning: Unknown property ‘-moz-osx-font-smoothing’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 115, Column: 29
Source Code:
      -moz-osx-font-smoothing: grayscale;
Timestamp: 3/10/2024 11:19:18
Warning: Unknown property ‘font-synthesis-weight’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 117, Column: 27
Source Code:
      font-synthesis-weight: none;
Timestamp: 3/10/2024 11:19:18
Warning: Error in parsing value for ‘word-break’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 133, Column: 18
Source Code:
      word-break: break-word;
Timestamp: 3/10/2024 11:19:18
Warning: Unknown property ‘scrollbar-gutter’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 136, Column: 22
Source Code:
      scrollbar-gutter: stable both-edges;
Timestamp: 3/10/2024 11:19:18
Warning: Error in parsing value for ‘width’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 174, Column: 13
Source Code:
      width: fit-content;
Timestamp: 3/10/2024 11:19:22
Warning: Error in parsing value for ‘-webkit-text-size-adjust’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 56
Source Code:
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
Timestamp: 3/10/2024 11:19:22
Warning: Unknown pseudo-class or pseudo-element ‘-webkit-search-cancel-button’.  Ruleset ignored due to bad selector.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 7
Source Code:
input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
Timestamp: 3/10/2024 11:19:22
Warning: Expected media feature name but found ‘prefers-reduced-motion’.
Source File: from DOM
Line: 0, Column: 1
Source Code:
(prefers-reduced-motion: reduce)
Timestamp: 3/10/2024 11:19:22
Warning: Expected media feature name but found ‘prefers-reduced-motion’.
Source File: from DOM
Line: 0, Column: 1
Source Code:
(prefers-reduced-motion: no-preference)
Timestamp: 3/10/2024 11:19:22
Warning: Expected media feature name but found ‘prefers-reduced-motion’.
Source File: from DOM
Line: 0, Column: 1
Source Code:
(prefers-reduced-motion: no-preference)
Timestamp: 3/10/2024 11:19:22
Warning: Unknown property ‘user-select’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 68
Source Code:
.r-lrvibr{-moz-user-select:none;-webkit-user-select:none;user-select:none;}
Timestamp: 3/10/2024 11:19:22
Warning: Unknown property ‘user-select’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 69
Source Code:
.r-1xnzce8{-moz-user-select:text;-webkit-user-select:text;user-select:text;}
Timestamp: 3/10/2024 11:19:22
Warning: Expected media feature name but found ‘prefers-reduced-motion’.
Source File: from DOM
Line: 0, Column: 1
Source Code:
(prefers-reduced-motion: reduce)
Timestamp: 3/10/2024 11:19:22
Warning: Unknown pseudo-class or pseudo-element ‘-webkit-scrollbar’.  Ruleset ignored due to bad selector.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 11
Source Code:
.r-2eszeu::-webkit-scrollbar{display:none}
Timestamp: 3/10/2024 11:19:22
Warning: Error in parsing value for ‘position’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 19
Source Code:
.r-gtdqiz{position:-webkit-sticky;position:sticky;}
Timestamp: 3/10/2024 11:19:22
Warning: Error in parsing value for ‘scroll-snap-type’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 27
Source Code:
.r-mfh4gg{scroll-snap-type:x mandatory;}
Timestamp: 3/10/2024 11:19:22
Warning: Error in parsing value for ‘scroll-snap-type’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 28
Source Code:
.r-1ocf4r9{scroll-snap-type:y mandatory;}
Timestamp: 3/10/2024 11:19:22
Warning: Unknown property ‘scroll-snap-align’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 27
Source Code:
.r-cpa5s6{scroll-snap-align:start;}
Timestamp: 3/10/2024 11:19:22
Warning: Unknown property ‘appearance’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 85
Source Code:
.r-30o5oe{-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;}
Timestamp: 3/10/2024 11:19:22
Warning: Unknown property ‘forced-color-adjust’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 30
Source Code:
.r-1c6unfx{forced-color-adjust:none;}
Timestamp: 3/10/2024 11:19:22
Warning: Unknown pseudo-class or pseudo-element ‘-webkit-input-placeholder’.  Ruleset ignored due to bad selector.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 11
Source Code:
.r-6taxm2::-webkit-input-placeholder{color:var(--placeholderTextColor);opacity:1;}
Timestamp: 3/10/2024 11:19:22
Warning: Unknown pseudo-class or pseudo-element ‘-ms-input-placeholder’.  Ruleset ignored due to bad selector.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 10
Source Code:
.r-6taxm2:-ms-input-placeholder{color:var(--placeholderTextColor);opacity:1;}
Timestamp: 3/10/2024 11:19:22
Warning: Unknown property ‘include-font-padding’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 31
Source Code:
.r-1rsjblm{include-font-padding:false;}
Timestamp: 3/10/2024 11:19:23
Warning: Unknown property ‘content-visibility’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 29
Source Code:
.r-1xxn4qn{content-visibility:auto;}
Timestamp: 3/10/2024 11:19:23
Warning: Cannot specify value for internal property.  Error in parsing value for ‘aspect-ratio’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 23
Source Code:
.r-1ujkv8a{aspect-ratio:1;}
Timestamp: 3/10/2024 11:19:23
Warning: Unknown pseudo-class or pseudo-element ‘-webkit-search-cancel-button’.  Ruleset ignored due to bad selector.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 7
Source Code:
input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
Timestamp: 3/10/2024 11:19:23
Warning: Unknown property ‘overflow-anchor’.  Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0, Column: 26
Source Code:
.r-13g33dw{overflow-anchor:none;}
Timestamp: 3/10/2024 11:19:27
Warning: X-Content-Type-Options header warning: value was “nosniff;”; did you mean to send “nosniff”?
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 0
Timestamp: 3/10/2024 11:19:28
Warning: Expected media feature name but found ‘prefers-reduced-motion’.
Source File: https://bsky.app/profile/makai.chaotic.ninja/post/3kn6xets7ps2x
Line: 393, Column: 8
Source Code:
@media (prefers-reduced-motion: reduce) {

[suzyne]

I don' know enough to diagnose, but yeah.

viewtopic.php?f=70&t=30847

and I suspect it is the same weirdness happening on instagram?

viewtopic.php?f=70&t=30941

Pale Moon 33.0.1 on Win64. I can list my add-ons if that is relevant, but I suspect not.

[Moonchild]

Warning: Error in parsing value for ‘width’. Declaration dropped.
Source File: https://bsky.app/profile/makai.chaotic. ... 6xets7ps2x
Line: 174, Column: 13
Source Code:
width: fit-content;

That stands out to me at least. We have -moz-fit-content but need to unprefix it.

[jobbautista9]

I don' know enough to diagnose, but yeah.

viewtopic.php?f=70&t=30847

Oops, probably should've searched further than just "Bluesky"... Might be good to merge this into that thread.

[jobbautista9]

We have -moz-fit-content but need to unprefix it.

Not sure if that's the issue... Mozilla hasn't unprefixed fit-content yet either, and images in bsky.app render fine in Firefox 115: https://bugzilla.mozilla.org/show_bug.cgi?id=1495868

[Moonchild]

Mozilla hasn't unprefixed fit-content yet either

...yes they have. Firefox 94 according to https://bugzilla.mozilla.org/show_bug.cgi?id=1732759

[jobbautista9]

Ah, didn't look into the dependent bugs, my bad.

[adoxa]

I believe it's due to lack of aspect-ratio, causing height to be 0. Here's a Modify HTTP Response filter to calculate a height (which will probably break when the site updates).

Code: Select all

[["bsky.app",["/static\\/js\\/278\\./",["[{overflow:\"hidden\"","$&,height:`calc(var(--expo-image-width) / ${x.aspectRatio})`"]]]]

[jobbautista9]

Can confirm that the workaround shows the images again, thanks adoxa!