Pagination is broken due to extraneous junk in HTML
Status
Not open for further replies.
Jul 2, 2017 at 3:46 AM Thread Starter Post #1 of 2

siberianmoon

100+ Head-Fier
Joined
Dec 24, 2016
Posts
123
Likes
40
Location
Finland
Seems that nobody has noticed this, but the page navigation on every thread list page is broken. There is some crap in the mix which breaks the pager layout on Firefox, although Chrome seems to be able to display the pagination controls "mostly correct" by luck.

Screenshot from 2017-07-02 10-42-09.png

Screenshot from 2017-07-02 10-42-56.png

Here's the source code; I've fixed the indentation to make the issue more clear. Inside the <nav> element there should be no text outside <a> and <span> elements but there are these plain numbers e.g. '2/1' in between. This extra content has no purpose and probably is someone's forgotten debug output.

HTML:
<div class="PageNav pn4"
   data-page="1"
   data-range="2"
   data-start="2"
   data-end="6"
   data-last="2597"
   data-sentinel="{{sentinel}}"
   data-baseurl="forums/headphones-full-size.4/page-{{sentinel}}">
 
  <span class="pageNavHeader">Page 1 of 2597</span>
 
  <nav>
     <a href="forums/headphones-full-size.4/" class="currentPage " rel="start">1</a>
     <a class="PageNavPrev hidden">&larr;</a>
     <span class="scrollable">
      <span class="items">
 
        <!-- THIS IS EXTRA JUNK RIGHT HERE: -->
        2/1
 
        <a href="forums/headphones-full-size.4/page-2" class="">2</a>
 
        3/1
 
        <a href="forums/headphones-full-size.4/page-3" class="">3</a>
 
        4/1
    
        <a href="forums/headphones-full-size.4/page-4" class="">4</a>
 
        5/1
 
        <a href="forums/headphones-full-size.4/page-5" class="">5</a>
 
        6/1
 
         <a href="forums/headphones-full-size.4/page-6" class="">6</a>
      </span>
    </span>
    <a class="PageNavNext ">&rarr;</a>
    <a href="forums/headphones-full-size.4/page-2597" class="gt999 ">2597</a>
    <a href="forums/headphones-full-size.4/page-2" class="text">Next &gt;</a>
  </nav>
</div>
 
Last edited:
Status
Not open for further replies.

Users who are viewing this thread

Back
Top