m.facebook.com - Unable to view all photos from an album with more than 8 photos

[pykko87]

URL: https://m.facebook.com/liviubadescu78/posts/pcb.3859321477431083/?photo_id=3859320600764504&mds=%2Fphotos%2Fviewer%2F%3Fphotoset_token%3Dpcb.3859321477431083%26photo%3D3859320600764504%26profileid%3D100000271243005%26source%3D49%26refid%3D17%26_ft_%3Dmf_story_key.3859321477431083%253Atop_level_post_id.3859321477431083%253Atl_objid.3859321477431083%253Acontent_owner_id_new.100000598052833%253Athrowback_story_fbid.3859321477431083%253Aphoto_attachments_list.[3859320307431200%252C3859320377431193%252C3859320430764521%252C3859320507431180%252C3859320600764504]%253Aphoto_id.3859320307431200%253Astory_location.4%253Astory_attachment_style.album%253Athid.100000598052833%253A306061129499414%253A2%253A0%253A1604213999%253A3413549649697574091%26__tn__%3DEH-R%26cached_data%3Dfalse%26ftid%3D&mdp=1&mdf=1

Browser / Version: Firefox Mobile 83.0 Operating System: Android Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items not fully visible Steps to Reproduce: If I try to view an album posted on Facebook by my friends, and the album exceeds 8 pictures, Firefox won't load all the pictures.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20201008094950
• channel: nightly
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Note:

1. The issue does not occur on Chrome.
2. The issue is reproducible on Firefox Nightly regardless if ETP is enabled or not.

Tested with: Browser / Version: Firefox Nightly 201012 (🦎 83.0a1-20201010093708) Operating System: Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density), Huawei P20 Lite (Android 8.0.0) - 1080 x 2280 pixels, 19:9 ratio (~432 ppi density)

Moving to Needsdiagnosis for further investigation.

[pykko87]

Hello!

I just tested again with the latest Nightly build, but the issue is not yet fixed.

[karlcow]

This is working for me on RDM with nightly. Let's try on the device. Indeed the lazy loading is not working. I suspect something like the scrollable part is not going low enough in the viewport hence the process of loading the rest is not working.

This could be something relate to the url bar at the bottom of the viewport. And… this is not.

If I had a margin bottom (around 31px) to this which is big enough, I'm getting the right load.

<div class="_45_8">
  <div>
    <div class="_55on _2so _2ss _2sq _50cg"></div>
  </div>
</div>

Let's contact facebook about it.

[karlcow]

I contacted Facebook about it.

[karlcow]

in https://static.xx.fbcdn.net/rsrc.php/v3iLl54/yz/l/en_US/teVqgcNPsbo.js?_nc_x=jsjp5qVeY-p this is probably the thing which is not working correctly.

        this.$3 = b('observeIntersection') (d, function (a) {
          a = b('intersectionObserverEntryIsIntersecting') (a);
          var d = a ? c.props.onVisible : c.props.onHidden;
          c.setState({
            visible: a
          });
          d && d()
        }

which is supposed to trigger

    c.fetchMore = function (a) {
      if (!this.hasNextPage()) return;
      this.$1.getItemsAfterIndex(this.$3, this.$1.getEndIndex(this.$3), this.$8, a || b('emptyFunction'))
    };

[karlcow]

@wisniewskit if you have more ideas on why this is happening, be Gecko side or Facebook side, that would be cool.