Display Issue with Playdate SDK Page

Nic · December 17, 2021, 4:33pm

So I tried to download the latest SDK and it seems Discourse is going funky on me.
When I reach the lower part of the post, the page goes blank.

Screen Recording 2021-12-17 at 17.15.07.2021-12-17 17_26_39

It seems the class of the post is switched to "cloaked-post" for some mysterious reason.
Screen Recording 2021-12-17 at 17.23.12.2021-12-17 17_31_52

It happens to me on both Firefox and Safari.

matt · December 17, 2021, 5:50pm

Other discussion https://discord.com/channels/590783499494228008/712709706984194178/920845441212502106

Workarounds:

Activate reader mode in your browser
Zoom out to 50%

You can track my >1 year old issue on the Discourse forum https://meta.discourse.org/t/ios-app-content-disappears-when-scrolling-long-post/164535

matt · December 17, 2021, 5:59pm

Nic thanks for checking web inspector. That class is coming from Discourse source code.

My hunch is the top of the post goes so far off screen they remove it from view/list, or something.

github.com

discourse/discourse/blob/e668b3dc71bc9523e55918a50b1460fd2e61133a/app/assets/javascripts/discourse/app/widgets/post.js#L770


      
              ? { style: `min-height: ${attrs.height}px` }
              : undefined;
          },
          
          buildId(attrs) {
            return attrs.cloaked ? `post_${attrs.post_number}` : undefined;
          },
          
          buildClasses(attrs) {
            if (attrs.cloaked) {
              return "cloaked-post";
            }
            const classNames = ["topic-post", "clearfix"];
          
            if (attrs.id === -1 || attrs.isSaving || attrs.staged) {
              classNames.push("staged");
            }
            if (attrs.selected) {
              classNames.push("selected");
            }
            if (attrs.topicOwner) {

Nic · December 17, 2021, 6:01pm

Somehow that seems to be related to the two hidden posts.
I can delete the node of post_2 or post_3 and the problem disappear.

I am just not sure what are these posts.

@ashur do you know what are these hidden posts?

ashur · December 17, 2021, 6:35pm

As Matt noted, it seems to be a function of Discourse itself, though we're not sure what their intention is. (In addition to the cloaked-post class being added, the entire article element is removed from the DOM )

FWIW, I'm able to reproduce this on iOS and regular old Firefox on macOS if I make my browser window short enough

But anyway, to answer your question! To my knowledge there aren't any other posts on that thread, only the top-level post announcing the release:

Nic · December 17, 2021, 6:43pm

So the cloaking seems to be how they handle infinite scrolling. They remove the content to save RAM and rendering.

The issue is that in this case they wrongly assume the post can be hidden/removed.

That could be related to the hidden post that you can see in the DOM. They seem to be related to the special status of the thread (pinned globally, listed). You can even sometimes so the post count at the bottom of the thread.