Infiniscroll not working if the last item of first batch is not off-screen


(PJH) #1

Going to /unread with more than 15 unread posts doesn’t load >15 unless #15 is off-screen and can be scrolled down to.

For example:

The only way to get more to load is to resize the browser window to produce a scrollbar and scroll down.


(jaming) #2

Also, note that the dismiss buttons do not appear until more topics are loaded, so you have to scroll down and then back up.

Probably because of this line:


(Robin Ward) #3

I’ve seen this before but only while developing – did you adjust the CSS to make everything super tight?


(PJH) #4

Yup. Stylish - I can’t stand all the whitespace but I know not everyone feels the same way so I don’t inflict it on my lot.

If it helps:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("what.thedailywtf.com") {
    html {
        font: 14px/14px Helvetica,Arial,sans-serif;
    }
    .container {
        max-width: 20000px;
    }
    .topic-body {
        width:85%;
        max-width: 20000px;
    }
    .admin-contents table td, .admin-contents table th {
        padding: 0;
    }
    
   .user-main .user-stream .item {
       padding: inherit;
   }
    .post-cloak .reply-to-tab {
        right: auto;
        left: 420px;
    }
    .admin-content table.report .bar-container .bar {
        margin-top: 0;
    }
    
    .nav-stacked > li > a {
        padding: 2px 2px 2px 30px;
    }
    
    .setting {
       padding-bottom: 5px;
    }
    .content-list { 
        overflow-y: auto;
        height: 850px;
    }
    .content-list ul li a {
        padding: 5px;
    }
    .current-style .ace-wrapper {
       height: 800px; 
    }
    .user-badge {
        padding: 0px;
        margin: 0px
    }
    .badges .form-horizontal textarea  {
       width: 600px;
        height: 150px;
    }
    .topic-body {
/*        padding: inherit; */
    }
    .post-menu-area {
        margin-bottom: inherit;
        margin-top: inherit;
    }
    .content-list ul li a {
        padding: 5px;
    }
    .topic-list th, .topic-list td,
    .topic-list .main-link a.title {
        padding: inherit;
    }
    nav.post-controls .show-replies{
        padding: inherit;
    }
    .bottom-round nav.post-controls .show-replies {
        padding-bottom: inherit;
    }
    nav.post-controls button.create {
        padding: inherit;
    }
    nav.post-controls button {
        padding: inherit;
    }
    nav.post-controls button.bookmark {
        padding: inherit;
    }
    .user-main .user-stream .notification p {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .user-main .user-stream .notification .fa, 
    .user-main .user-stream .notification .icon {
        font-size: 16px;
    }
}

(Gerhard Schlager) #5

Since today I have this problem here on meta! I need to resize the browser window in order to get scrollbars. Otherwise I see only about 15 topics on Latest.


(Robin Ward) #6

There was a regression here, where 15 topics were being loaded on desktop:

https://github.com/discourse/discourse/commit/c15f78f9c95bd816a861565e8f6a37c37202633f


Infiniscroll not working if the last item of first batch is not off-screen. Part deux
(Jeff Atwood) #7