## [Bug] Intermittent Scroll Behavior in “Concept” Container #156

New Issue

2026-05-17T22:16:01Z

enjin2310 commented

2026-05-17 22:16:01 +00:00

Classification

Type: UI Bug
Priority: Medium
Component: Python Playground / Lesson Concepts Panel

Summary

The Concept container in the Lesson Concepts panel exhibits inconsistent scroll behavior. At times, users can scroll through the content normally within the container, while in other instances, the scroll becomes static and instead moves the entire page. This intermittent issue disrupts navigation and readability of lesson concepts.

Steps to Reproduce

Navigate to learn.spikersoft.com/tools/python-playground.
Open Lesson 20103 – Integer Variable.
Attempt to scroll through the Concept panel on the right side.
Observe that sometimes the scroll works correctly, but other times it locks and scrolls the entire page instead.

Expected Behavior

The Concept container should consistently allow independent scrolling within its boundaries.
Page scroll should remain unaffected when the pointer is inside the container.

Actual Behavior

Scroll intermittently switches between container-level and page-level behavior.
The user cannot reliably navigate through the concept content.
The issue appears randomly and is not tied to lesson content or browser actions.

Evidence

The attached screenshot shows the Lesson Concepts panel with scrollable content describing numeric operators. The issue occurs when attempting to scroll this section.

Environment

Browser: Microsoft Edge
OS: Windows 10
Lesson ID: 20103
Version: v2026.05.17a

Possible Root Cause

The scroll event listener may be inconsistently applied or overridden by parent container behavior.
CSS overflow or focus handling might be misconfigured, causing the scroll context to shift.
Dynamic content loading could reset scroll boundaries intermittently.

Suggested Fix

Ensure consistent overflow-y: auto behavior for the Concept container.
Review event propagation to prevent scroll hijacking by parent elements.
Implement focus locking when the user interacts with the Concept panel.

Additional Notes

This issue affects usability and lesson navigation, particularly for longer concept explanations. It may also impact accessibility for users relying on keyboard or touch scrolling.

### Classification **Type:** UI Bug **Priority:** Medium **Component:** Python Playground / Lesson Concepts Panel ### Summary The **Concept** container in the **Lesson Concepts** panel exhibits inconsistent scroll behavior. At times, users can scroll through the content normally within the container, while in other instances, the scroll becomes static and instead moves the entire page. This intermittent issue disrupts navigation and readability of lesson concepts. ### Steps to Reproduce 1. Navigate to [learn.spikersoft.com/tools/python-playground](https://learn.spikersoft.com/tools/python-playground). 2. Open **Lesson 20103 – Integer Variable**. 3. Attempt to scroll through the **Concept** panel on the right side. 4. Observe that sometimes the scroll works correctly, but other times it locks and scrolls the entire page instead. ### Expected Behavior - The **Concept** container should consistently allow independent scrolling within its boundaries. - Page scroll should remain unaffected when the pointer is inside the container. ### Actual Behavior - Scroll intermittently switches between container-level and page-level behavior. - The user cannot reliably navigate through the concept content. - The issue appears randomly and is not tied to lesson content or browser actions. ### Evidence The attached screenshot shows the **Lesson Concepts** panel with scrollable content describing numeric operators. The issue occurs when attempting to scroll this section. ### Environment - **Browser:** Microsoft Edge - **OS:** Windows 10 - **Lesson ID:** 20103 - **Version:** v2026.05.17a ### Possible Root Cause - The scroll event listener may be inconsistently applied or overridden by parent container behavior. - CSS overflow or focus handling might be misconfigured, causing the scroll context to shift. - Dynamic content loading could reset scroll boundaries intermittently. ### Suggested Fix - Ensure consistent `overflow-y: auto` behavior for the **Concept** container. - Review event propagation to prevent scroll hijacking by parent elements. - Implement focus locking when the user interacts with the **Concept** panel. ### Additional Notes This issue affects usability and lesson navigation, particularly for longer concept explanations. It may also impact accessibility for users relying on keyboard or touch scrolling.

Screenshot 2026-05-17 181423.png

248 KiB

spikerj commented

2026-06-14 01:39:00 +00:00

Resolved in spikersoft-angular PR #41 (merged to master). Added overscroll-behavior: contain to the Concept tab's scroll container so the wheel/touch gesture stays inside the pane instead of chaining to the page. Closing.

(Fix is in the spikersoft-angular repo; cross-repo #156 doesn't auto-close — closing manually.)

Resolved in spikersoft-angular PR #41 (merged to `master`). Added `overscroll-behavior: contain` to the Concept tab's scroll container so the wheel/touch gesture stays inside the pane instead of chaining to the page. Closing. (Fix is in the `spikersoft-angular` repo; cross-repo `#156` doesn't auto-close — closing manually.)

spikerj closed this issue

2026-06-14 01:39:22 +00:00

spikerj referenced this issue

2026-07-06 18:19:54 +00:00

[Security][Decision] Should HttpCallback scheduled-task creation be admin-only (vs admin,staff)? #442

spikerj referenced this issue

2026-07-09 06:23:54 +00:00

## [Bug] Invalid or Non-Functional Social Media and External Links on Contact Page #150

spikerj referenced this issue

2026-07-09 06:23:54 +00:00

# [Bug] Broken external link: UnrealEngine Repository (GitHub) #276

Sign in to join this conversation.