bsky.app post images not showing

For support with specific websites

Moderator: trava90

Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.

Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
  1. Clear any current output
  2. Navigate or refresh the page in question
  3. Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
User avatar
ChrisCat
Moongazer
Moongazer
Posts: 8
Joined: 2021-04-03, 05:01

bsky.app post images not showing

Unread post by ChrisCat » 2024-02-08, 21:53

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.

User avatar
suzyne
Astronaut
Astronaut
Posts: 577
Joined: 2023-06-28, 22:43
Location: Australia

Re: bsky.app post images not showing

Unread post by suzyne » 2024-02-08, 23:32

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.

Image

Image
Laptop 1: Windows 10 64-bit, i7 @ 2.80GHz, 16GB, NVIDIA GeForce MX450.
Laptop 2: Windows 10 32-bit, Atom Z3735F @ 1.33GHz, 2GB, Intel HD Graphics.

User avatar
jobbautista9
Keeps coming back
Keeps coming back
Posts: 885
Joined: 2020-11-03, 06:47
Location: Philippines
Contact:

Images do not show up in Bluesky posts (bsky.app)

Unread post by jobbautista9 » 2024-03-10, 03:28

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) {
Image

:akko_derp:

XUL add-ons developer. You can find a list of add-ons I manage at http://rw.rs/~job/software.html.

User avatar
suzyne
Astronaut
Astronaut
Posts: 577
Joined: 2023-06-28, 22:43
Location: Australia

Re: Images do not show up in Bluesky posts (bsky.app)

Unread post by suzyne » 2024-03-10, 05:33

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.
Laptop 1: Windows 10 64-bit, i7 @ 2.80GHz, 16GB, NVIDIA GeForce MX450.
Laptop 2: Windows 10 32-bit, Atom Z3735F @ 1.33GHz, 2GB, Intel HD Graphics.

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 36627
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

Re: Images do not show up in Bluesky posts (bsky.app)

Unread post by Moonchild » 2024-03-10, 06:16

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.
{{This headspace for lease}}
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
jobbautista9
Keeps coming back
Keeps coming back
Posts: 885
Joined: 2020-11-03, 06:47
Location: Philippines
Contact:

Re: Images do not show up in Bluesky posts (bsky.app)

Unread post by jobbautista9 » 2024-03-10, 06:40

suzyne wrote:
2024-03-10, 05:33
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.
Image

:akko_derp:

XUL add-ons developer. You can find a list of add-ons I manage at http://rw.rs/~job/software.html.

User avatar
jobbautista9
Keeps coming back
Keeps coming back
Posts: 885
Joined: 2020-11-03, 06:47
Location: Philippines
Contact:

Re: Images do not show up in Bluesky posts (bsky.app)

Unread post by jobbautista9 » 2024-03-10, 06:42

Moonchild wrote:
2024-03-10, 06:16
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
Image

:akko_derp:

XUL add-ons developer. You can find a list of add-ons I manage at http://rw.rs/~job/software.html.

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 36627
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

Re: bsky.app post images not showing

Unread post by Moonchild » 2024-03-10, 06:52

jobbautista9 wrote:
2024-03-10, 06:42
Mozilla hasn't unprefixed fit-content yet either
...yes they have. Firefox 94 according to https://bugzilla.mozilla.org/show_bug.cgi?id=1732759
{{This headspace for lease}}
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
jobbautista9
Keeps coming back
Keeps coming back
Posts: 885
Joined: 2020-11-03, 06:47
Location: Philippines
Contact:

Re: bsky.app post images not showing

Unread post by jobbautista9 » 2024-03-10, 07:14

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

:akko_derp:

XUL add-ons developer. You can find a list of add-ons I manage at http://rw.rs/~job/software.html.

User avatar
adoxa
Lunatic
Lunatic
Posts: 275
Joined: 2019-03-16, 13:26
Location: Qld, Aus.
Contact:

Re: bsky.app post images not showing

Unread post by adoxa » 2024-03-10, 07:49

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})`"]]]]

User avatar
jobbautista9
Keeps coming back
Keeps coming back
Posts: 885
Joined: 2020-11-03, 06:47
Location: Philippines
Contact:

Re: bsky.app post images not showing

Unread post by jobbautista9 » 2024-03-12, 14:31

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

:akko_derp:

XUL add-ons developer. You can find a list of add-ons I manage at http://rw.rs/~job/software.html.

Daikun
Lunatic
Lunatic
Posts: 463
Joined: 2013-12-13, 20:54
Location: California

Re: bsky.app post images not showing

Unread post by Daikun » 2024-05-20, 00:49

adoxa wrote:
2024-03-10, 07:49
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})`"]]]]
This filter isn't working for me.

User avatar
adoxa
Lunatic
Lunatic
Posts: 275
Joined: 2019-03-16, 13:26
Location: Qld, Aus.
Contact:

Re: bsky.app post images not showing

Unread post by adoxa » 2024-05-20, 11:17

Code: Select all

[["bsky.app",["/static\\/js\\/\\d.*[^k]\\.js$/",["[{overflow:\"hidden\"","$&,height:`${536/R.aspectRatio}px`"]]]]
It will probably break again with another update (probably giving you a script error rather than an absent image).

Daikun
Lunatic
Lunatic
Posts: 463
Joined: 2013-12-13, 20:54
Location: California

Re: bsky.app post images not showing

Unread post by Daikun » 2024-08-18, 02:11

So, um... I'm not sure what happened (I certainly didn't make any changes to the browser), but images in Bluesky...just seem to be working now? :wtf:

EDIT: Animated GIFs are working, but not still images.

User avatar
adoxa
Lunatic
Lunatic
Posts: 275
Joined: 2019-03-16, 13:26
Location: Qld, Aus.
Contact:

Re: bsky.app post images not showing

Unread post by adoxa » 2024-08-19, 01:16

This filter should work better.

Code: Select all

[["bsky.app",["/static\\/js\\/\\d.*[^k]\\.js$/",["/(\\[\\{overflow:\"hidden\")\\},(.)/","$1,height:`${536/$2.aspectRatio}px`},$2"]]]]

User avatar
jobbautista9
Keeps coming back
Keeps coming back
Posts: 885
Joined: 2020-11-03, 06:47
Location: Philippines
Contact:

Re: bsky.app post images not showing

Unread post by jobbautista9 » 2024-08-20, 05:27

Doesn't work for me :thumbdown:

Example where there should be a static image: https://bsky.app/profile/outoftouch.bsk ... 4qpf5bof2h
Image

:akko_derp:

XUL add-ons developer. You can find a list of add-ons I manage at http://rw.rs/~job/software.html.

User avatar
adoxa
Lunatic
Lunatic
Posts: 275
Joined: 2019-03-16, 13:26
Location: Qld, Aus.
Contact:

Re: bsky.app post images not showing

Unread post by adoxa » 2024-08-20, 06:07

Seems fine with Basilisk (2024.08.16).
Attachments
bsky-image.png

User avatar
jobbautista9
Keeps coming back
Keeps coming back
Posts: 885
Joined: 2020-11-03, 06:47
Location: Philippines
Contact:

Re: bsky.app post images not showing

Unread post by jobbautista9 » 2024-08-20, 06:14

Ah nevermind, I have unticked the "Enable" checkbox in the add-on options for some reason, it works fine :oops:
Image

:akko_derp:

XUL add-ons developer. You can find a list of add-ons I manage at http://rw.rs/~job/software.html.

User avatar
hackkitten
Hobby Astronomer
Hobby Astronomer
Posts: 19
Joined: 2019-03-26, 23:03

Re: bsky.app post images not showing

Unread post by hackkitten » 2024-10-06, 20:15

It doesn't appear that the filter is working any more... any idea when/how this compatibility issue can be fixed?

User avatar
adoxa
Lunatic
Lunatic
Posts: 275
Joined: 2019-03-16, 13:26
Location: Qld, Aus.
Contact:

Re: bsky.app post images not showing

Unread post by adoxa » 2024-10-08, 02:12

The aspect ratio is no longer sent as part of the image, so it's become a lot more awkward. Here's a workaround that mostly works, except for multiple images (they get a placeholder, but there seems to be something about the flex preventing the image itself showing up).

Code: Select all

[["bsky.app",["/static\\/js\\/main\\./",["aspectRatio:_","height:(536/n.aspectRatio.width*n.aspectRatio.height)+\"px\"","{aspectRatio:T}","{width:Math.min(503,503*T)+\"px\",height:(Math.min(503,503*T)/T)+\"px\"}","/\\{aspectRatio:1\\}/g","{minWidth:\"228px\",minHeight:\"228px\"}","{aspectRatio:d}","{width:Math.min(503,503*d)+\"px\"}"]]]]

Post Reply