FIXED BUG REPORT — Missing id/name Attributes on Pagination Input Fields (4 Violations, All Paginated Pages)

Status
Not open for further replies.
Joined
Feb 25, 2026
Messages
25
Reaction Score
31
Shards
◆200
BUG REPORT — Missing id/name Attributes on Pagination Input Fields
Severity: Medium | Category: HTML Standards / Accessibility / UX | Reported: March 2026




Proof — Chrome DevTools Screenshots

Screenshots below are from Chrome DevTools → Issues tab, captured on nulledvault.com/downloads/

Screenshot_38.webp
Screenshot_39.webp
Screenshot_40.webp
Screenshot_41.webp


Summary

All pagination "Go to page" input fields across the forum are missing required id and name attributes on their <input> elements. Chrome DevTools Issues panel reports 4 violations of this standard on every paginated page.



Environment

FieldDetails
PlatformNulledVault.com
EngineXenForo
BrowserGoogle Chrome (latest)
Pages affectedAll paginated pages — Downloads, Forums, Latest Reviews, Latest Questions
Violations4 per page
Detection toolChrome DevTools → Issues tab



Steps to Reproduce

  1. Open any paginated page e.g. nulledvault.com/downloads/
  2. Press F12 to open Chrome DevTools
  3. Click the Issues tab (next to Console)
  4. Expand "A form field element should have an id or name attribute"
  5. 4 Violating nodes are listed — all are the <input type="number"> inside the page jump widget



Current Broken Code

This is what the input currently looks like in the DOM:

Code:
<input
  type="number"
  class="input input--number js-numberBoxTextInput input--numberNarrow js-pageJumpPage"
  value="4"
  min="1"
  max="419"
  step="1"
  required="required"
  data-menu-autofocus="true">

Problem: No id attribute. No name attribute. This violates the HTML5 specification for form elements.



Expected Correct Code

Code:
<input
  type="number"
  id="pageJump-{unique_id}"
  name="pageJump"
  class="input input--number js-numberBoxTextInput input--numberNarrow js-pageJumpPage"
  value="4"
  min="1"
  max="419"
  step="1"
  required="required"
  autocomplete="off"
  data-menu-autofocus="true">

Note: Since there are 4 instances on one page, the id must be unique per instance — use a dynamic suffix like id="pageJump-1", id="pageJump-2" etc. The name attribute can be the same across all instances: name="pageJump"



Technical Impact — Why This Matters

AreaImpactSeverity
Browser autofillCannot associate data with unnamed fieldMedium
AccessibilityScreen readers cannot identify the field — WCAG 2.1 violationMedium
Form submissionFields without name are excluded from form data on submitMedium
HTML5 standardViolates W3C specification for form elementsLow
SEOMinor negative signal for page qualityLow



Root Cause Analysis

This is a XenForo template-level issue. The page jump widget is rendered by a shared template used across all paginated components. The developer who wrote the number-box component likely relied on JavaScript class selectors (js-pageJumpPage, js-numberBoxTextInput) to handle the input — which works functionally — but skipped adding id and name because the form is not submitted traditionally.

However the HTML standard requires these attributes regardless of how the form is processed.

The fix is in one template file — fixing it there will resolve all 4 violations across every paginated page on the forum simultaneously.



Recommended Fix — Step by Step

  1. Locate the XenForo template responsible for the page jump / number-box widget
    Likely template name: public:page_nav or public:pagination or the number_box macro
  2. Find the <input type="number"> element inside the page jump menu
  3. Add name="pageJump" as a static attribute
  4. Add id="pageJump-{$uniqueId}" using XenForo's built-in unique ID helper to ensure no duplicate IDs on the same page
  5. Add autocomplete="off" to prevent browsers from trying to autofill a page number field
  6. Save template and verify with Chrome DevTools Issues tab — violations should drop to 0



Verification

After applying the fix, open Chrome DevTools → Issues tab on any paginated page. The section "A form field element should have an id or name attribute" should no longer appear.



Documentation


Reported by Joker™ — March 2026 ⚡
 
BUG REPORT — Missing id/name Attributes on Pagination Input Fields
Severity: Medium | Category: HTML Standards / Accessibility / UX | Reported: March 2026




Proof — Chrome DevTools Screenshots

Screenshots below are from Chrome DevTools → Issues tab, captured on nulledvault.com/downloads/

View attachment 34302
View attachment 34303
View attachment 34304
View attachment 34305


Summary

All pagination "Go to page" input fields across the forum are missing required id and name attributes on their <input> elements. Chrome DevTools Issues panel reports 4 violations of this standard on every paginated page.



Environment

FieldDetails
PlatformNulledVault.com
EngineXenForo
BrowserGoogle Chrome (latest)
Pages affectedAll paginated pages — Downloads, Forums, Latest Reviews, Latest Questions
Violations4 per page
Detection toolChrome DevTools → Issues tab



Steps to Reproduce

  1. Open any paginated page e.g. nulledvault.com/downloads/
  2. Press F12 to open Chrome DevTools
  3. Click the Issues tab (next to Console)
  4. Expand "A form field element should have an id or name attribute"
  5. 4 Violating nodes are listed — all are the <input type="number"> inside the page jump widget



Current Broken Code

This is what the input currently looks like in the DOM:

Code:
<input
  type="number"
  class="input input--number js-numberBoxTextInput input--numberNarrow js-pageJumpPage"
  value="4"
  min="1"
  max="419"
  step="1"
  required="required"
  data-menu-autofocus="true">

Problem: No id attribute. No name attribute. This violates the HTML5 specification for form elements.



Expected Correct Code

Code:
<input
  type="number"
  id="pageJump-{unique_id}"
  name="pageJump"
  class="input input--number js-numberBoxTextInput input--numberNarrow js-pageJumpPage"
  value="4"
  min="1"
  max="419"
  step="1"
  required="required"
  autocomplete="off"
  data-menu-autofocus="true">

Note: Since there are 4 instances on one page, the id must be unique per instance — use a dynamic suffix like id="pageJump-1", id="pageJump-2" etc. The name attribute can be the same across all instances: name="pageJump"



Technical Impact — Why This Matters

AreaImpactSeverity
Browser autofillCannot associate data with unnamed fieldMedium
AccessibilityScreen readers cannot identify the field — WCAG 2.1 violationMedium
Form submissionFields without name are excluded from form data on submitMedium
HTML5 standardViolates W3C specification for form elementsLow
SEOMinor negative signal for page qualityLow



Root Cause Analysis

This is a XenForo template-level issue. The page jump widget is rendered by a shared template used across all paginated components. The developer who wrote the number-box component likely relied on JavaScript class selectors (js-pageJumpPage, js-numberBoxTextInput) to handle the input — which works functionally — but skipped adding id and name because the form is not submitted traditionally.

However the HTML standard requires these attributes regardless of how the form is processed.

The fix is in one template file — fixing it there will resolve all 4 violations across every paginated page on the forum simultaneously.



Recommended Fix — Step by Step

  1. Locate the XenForo template responsible for the page jump / number-box widget
    Likely template name: public:page_nav or public:pagination or the number_box macro
  2. Find the <input type="number"> element inside the page jump menu
  3. Add name="pageJump" as a static attribute
  4. Add id="pageJump-{$uniqueId}" using XenForo's built-in unique ID helper to ensure no duplicate IDs on the same page
  5. Add autocomplete="off" to prevent browsers from trying to autofill a page number field
  6. Save template and verify with Chrome DevTools Issues tab — violations should drop to 0



Verification

After applying the fix, open Chrome DevTools → Issues tab on any paginated page. The section "A form field element should have an id or name attribute" should no longer appear.



Documentation


Reported by Joker™ — March 2026 ⚡
I've applied patch. Thanks for report.
 
Status
Not open for further replies.
Back
Top