Topic bar MIA while scrolling

izzion

Navigate into a topic

Expected: Header bar displays topic header with topic title & category icon (e.g. as below):

Actual: Topic part of headerbar does not display, leaving only the main menu header. Scrolling back up does not restore the topic part of the header.

While I was writing this up and trying to verify the reproduction, it looks like it's primarily happening when I enter a topic without the Chrome Dev Tools open. With the Dev Tools open, the title bar seemed to show up every time (and with the Dev Tools emulating a mobile device, I'm getting the expected "header at first, goes away when you scroll down, comes back when you scroll up or reach the end").

Browser: Chrome 84.0.4147.89 (64-bit)
OS: Windows 10 1909

boomzilla

@izzion I get that a lot these days. A refresh usually fixes it.

boomzilla

The problem appears to be that the thread title isn't getting injected for some reason. This one displayed for me:

<div component="navbar/title" class="visible-xs hidden">
    <span class="" style="display: none;">
        How are "people being stupid" and "not improving" with the coronahoax?
    </span>
    <a title="Trolleybus Garage" href="/category/49/trolleybus-garage"
        class="fa fa-fire" style="color: rgb(255, 255, 255);
        background-color: rgb(171, 70, 66); background-image: none;">
    </a>
</div>

This one didn't:

<div component="navbar/title" class="visible-xs hidden">
    <span class="" style="display: none;">
    </span>
    <a title="Trolleybus Garage" href="/category/49/trolleybus-garage" class="fa fa-fire"
        style="color: rgb(255, 255, 255); background-color: rgb(171, 70, 66); background-image: none;">
    </a>
</div>

Looking at the computed style for the empty span in the second one:

html:not([data-disable-tdwtf-css]) .header [component="navbar/title"] span:empty

So...the question is why the title isn't showing up there.

boomzilla

Looks like this:

// fix title thingy
$(window).on('action:ajaxify.end', function() {
...