# [Bug] Left Sidebar Scroll Disabled and Content Blocked by Version Placeholder #1117

New Issue

2026-08-27T22:52:00Z

enjin2310 commented

2026-08-27 22:52:00 +00:00

Summary

The left sidebar in the Geography Explorer interface does not allow scrolling, causing lower elements to be inaccessible. Additionally, the version placeholder at the bottom overlaps and blocks part of the sidebar content.

Issue Description

When navigating the Geography section, the left sidebar fails to support vertical scrolling. As a result, users cannot access icons or options located near the bottom of the sidebar. The version label (v2026.08.27e) is fixed at the bottom and overlaps with sidebar elements, further obstructing visibility and interaction.

Environment

Property	Value
Application	SpikerSoft Learn
Module	Geography Explorer
Environment	Production
Browser	Firefox
Operating System	Windows 11
Version	v2026.08.27e
Device	Desktop

Preconditions

User must be logged in and have access to the Geography Explorer interface.

Steps to Reproduce

Log in to the SpikerSoft platform.
Navigate to Learn > Geography Explorer.
Observe the left sidebar and attempt to scroll down.
Note that the sidebar does not move, and the version placeholder overlaps the bottom icons.

Expected Result

The sidebar should allow vertical scrolling to access all icons and options. The version placeholder should remain outside the interactive area or be repositioned to avoid overlapping content.

Actual Result

Sidebar does not scroll.
Bottom icons are partially hidden or blocked.
The version placeholder overlaps the sidebar content.

Evidence

The screenshot shows the Geography Explorer interface with the sidebar extending beyond visible bounds.
The version label (v2026.08.27e) is visibly overlapping the lower sidebar area.

Impact

Prevents users from accessing certain sidebar tools.
Reduces usability and navigation efficiency.
Creates visual clutter and layout inconsistency.

Frequency

Always

Reproducibility

100%

Severity

Medium

Notes

The issue may be caused by missing CSS overflow properties or fixed positioning conflicts between the sidebar container and the version label. It is recommended to enable vertical scrolling (overflow-y: auto) and adjust the version label’s positioning to prevent overlap.

## Summary The left sidebar in the **Geography Explorer** interface does not allow scrolling, causing lower elements to be inaccessible. Additionally, the version placeholder at the bottom overlaps and blocks part of the sidebar content. ## Issue Description When navigating the Geography section, the left sidebar fails to support vertical scrolling. As a result, users cannot access icons or options located near the bottom of the sidebar. The version label (`v2026.08.27e`) is fixed at the bottom and overlaps with sidebar elements, further obstructing visibility and interaction. ## Environment | Property | Value | |-----------|--------| | Application | SpikerSoft Learn | | Module | Geography Explorer | | Environment | Production | | Browser | Firefox | | Operating System | Windows 11 | | Version | v2026.08.27e | | Device | Desktop | ## Preconditions User must be logged in and have access to the **Geography Explorer** interface. ## Steps to Reproduce 1. Log in to the SpikerSoft platform. 2. Navigate to **Learn > Geography Explorer**. 3. Observe the left sidebar and attempt to scroll down. 4. Note that the sidebar does not move, and the version placeholder overlaps the bottom icons. ## Expected Result The sidebar should allow vertical scrolling to access all icons and options. The version placeholder should remain outside the interactive area or be repositioned to avoid overlapping content. ## Actual Result - Sidebar does not scroll. - Bottom icons are partially hidden or blocked. - The version placeholder overlaps the sidebar content. ## Evidence - The screenshot shows the **Geography Explorer** interface with the sidebar extending beyond visible bounds. - The version label (`v2026.08.27e`) is visibly overlapping the lower sidebar area. ## Impact - Prevents users from accessing certain sidebar tools. - Reduces usability and navigation efficiency. - Creates visual clutter and layout inconsistency. ## Frequency Always ## Reproducibility 100% ## Severity Medium ## Notes The issue may be caused by missing CSS overflow properties or fixed positioning conflicts between the sidebar container and the version label. It is recommended to enable vertical scrolling (`overflow-y: auto`) and adjust the version label’s positioning to prevent overlap.

Screenshot 2026-08-27 185025.png

697 KiB

spikerj referenced this issue from a commit

2026-08-30 20:12:02 +00:00

fix: let the collapsed interests rail scroll, clear the version badge (fixes #897)

spikerj referenced this issue

2026-08-30 20:12:59 +00:00

# [Bug] Misaligned and Missing Icons in Left Sidebar Navigation – Geography Section #1116

spikerj commented

2026-08-30 20:13:00 +00:00

Confirmed, both halves.

Scroll. The sidebar is a fixed-height column that clips its overflow. Its expanded form was set up to scroll — the collapsed icon rail never was, so all 30 interests at 40px each simply ran past the bottom edge and were unreachable. That is also why you saw only two blank icons in #1116 when there are four: the other two were below the fold you could not scroll to.

The version badge. It is pinned to the bottom-left corner of the window on every page, and on this page that is exactly where the sidebar is. It is click-through, so it was never blocking you — but it does sit on top of the last entry. The two scrolling columns now reserve space so the last item clears it.

Fix: spikerj/spikersoft-angular#898.

As with the toolbar one: this is CSS, and our tests have no layout engine, so they cannot confirm it looks right. Please re-check on the next deploy — in particular that you can now reach the very last interest in the collapsed rail.

Confirmed, both halves. **Scroll.** The sidebar is a fixed-height column that clips its overflow. Its *expanded* form was set up to scroll — the *collapsed* icon rail never was, so all 30 interests at 40px each simply ran past the bottom edge and were unreachable. That is also why you saw only two blank icons in #1116 when there are four: the other two were below the fold you could not scroll to. **The version badge.** It is pinned to the bottom-left corner of the window on every page, and on this page that is exactly where the sidebar is. It is click-through, so it was never blocking you — but it does sit on top of the last entry. The two scrolling columns now reserve space so the last item clears it. Fix: spikerj/spikersoft-angular#898. As with the toolbar one: this is CSS, and our tests have no layout engine, so they cannot confirm it looks right. Please re-check on the next deploy — in particular that you can now reach the very last interest in the collapsed rail.

spikerj commented

2026-08-30 23:54:24 +00:00

Fixed and merged — closing.

The collapsed rail was never given its own scrolling, and the version badge overlapped the last entries. Both fixed (spikerj/spikersoft-angular#898).

The change is on master and deployed. Please re-test when you get a chance; if you still see it, reopen this issue rather than filing a new one so the history stays together.

Fixed and merged — closing. The collapsed rail was never given its own scrolling, and the version badge overlapped the last entries. Both fixed (spikerj/spikersoft-angular#898). The change is on `master` and deployed. Please re-test when you get a chance; if you still see it, reopen this issue rather than filing a new one so the history stays together.

spikerj closed this issue

2026-08-30 23:54:24 +00:00

spikerj referenced this issue

2026-08-30 23:56:38 +00:00

# [Bug] Scroll Disabled in Interests Sidebar When Collapsed #1126

Sign in to join this conversation.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#1117