spikerj/spikersoft-issues
1
0
Fork 0
Code Issues 196 Pull Requests Actions Packages Projects Releases Wiki Activity

# [Bug] Scroll malfunction in Cyborg Joey chat container #277

New Issue
Closed
opened 2026-06-27 18:00:35 +00:00 by enjin2310 · 2 comments
enjin2310 commented 2026-06-27 18:00:35 +00:00
Copy Link
Copy Source

Summary

The Cyborg Joey chat container on the Contact page does not scroll correctly when the user attempts to navigate through messages. The scroll behavior is inconsistent and does not respond as expected.

Issue Description

When trying to scroll within the Cyborg Joey chat container, one of two unintended behaviors occurs:

  1. The entire page scrolls up or down instead of the chat container.
  2. The chat container stutters or freezes, preventing smooth scrolling.

The intended behavior is for the chat container to scroll independently when the cursor is positioned over it, allowing users to navigate through chat history smoothly.

  • Affected Component: Cyborg Joey chat container
  • Observed Behavior: Page scrolls or container stutters instead of scrolling smoothly
  • User Impact: Users cannot review previous messages or interact comfortably with the chat interface
  • Visible Symptoms: Scroll input affects the page or causes jittery movement within the chat box

Environment

Property Value
Application SpikerSoft Learning Platform
Module Contact Page – Cyborg Joey Chat
Environment Production
Browser Firefox
Operating System Windows 11
Version v2026.06.26a
Device Desktop PC

Preconditions

User is on the Contact page with the Cyborg Joey chat visible.

Steps to Reproduce

  1. Navigate to learn.spikersoft.com/contact.
  2. Locate the Cyborg Joey chat container on the right side of the page.
  3. Attempt to scroll up or down within the chat area using the mouse wheel or trackpad.
  4. Observe the resulting behavior.

Expected Result

The chat container should scroll smoothly up or down, independent of the page, when the cursor is positioned over it.

Actual Result

  • The page scrolls instead of the chat container.
  • Or the chat container stutters and fails to scroll properly.

Evidence

  • Screenshot shows the Contact page with the Cyborg Joey chat visible on the right side.
  • The chat interface includes messages from Cyborg Joey under the “Ask Our AI” section.
  • The issue occurs when attempting to scroll through these messages.

Impact

  • Reduces usability and accessibility of the chat interface.
  • Prevents users from reviewing previous messages or interacting effectively.
  • Creates a poor user experience on the Contact page.

Frequency

Always

Reproducibility

100%

Severity

Medium

Notes

Likely caused by improper event handling or overflow configuration in the chat container. The scroll event may be propagating to the parent page instead of being captured by the chat element.

## Summary The **Cyborg Joey** chat container on the **Contact** page does not scroll correctly when the user attempts to navigate through messages. The scroll behavior is inconsistent and does not respond as expected. ## Issue Description When trying to scroll within the **Cyborg Joey** chat container, one of two unintended behaviors occurs: 1. The entire page scrolls up or down instead of the chat container. 2. The chat container stutters or freezes, preventing smooth scrolling. The intended behavior is for the chat container to scroll independently when the cursor is positioned over it, allowing users to navigate through chat history smoothly. - **Affected Component:** Cyborg Joey chat container - **Observed Behavior:** Page scrolls or container stutters instead of scrolling smoothly - **User Impact:** Users cannot review previous messages or interact comfortably with the chat interface - **Visible Symptoms:** Scroll input affects the page or causes jittery movement within the chat box ## Environment | Property | Value | |-----------|--------| | Application | SpikerSoft Learning Platform | | Module | Contact Page – Cyborg Joey Chat | | Environment | Production | | Browser | Firefox | | Operating System | Windows 11 | | Version | v2026.06.26a | | Device | Desktop PC | ## Preconditions User is on the **Contact** page with the **Cyborg Joey** chat visible. ## Steps to Reproduce 1. Navigate to `learn.spikersoft.com/contact`. 2. Locate the **Cyborg Joey** chat container on the right side of the page. 3. Attempt to scroll up or down within the chat area using the mouse wheel or trackpad. 4. Observe the resulting behavior. ## Expected Result The chat container should scroll smoothly up or down, independent of the page, when the cursor is positioned over it. ## Actual Result - The page scrolls instead of the chat container. - Or the chat container stutters and fails to scroll properly. ## Evidence - Screenshot shows the **Contact** page with the **Cyborg Joey** chat visible on the right side. - The chat interface includes messages from **Cyborg Joey** under the “Ask Our AI” section. - The issue occurs when attempting to scroll through these messages. ## Impact - Reduces usability and accessibility of the chat interface. - Prevents users from reviewing previous messages or interacting effectively. - Creates a poor user experience on the Contact page. ## Frequency Always ## Reproducibility 100% ## Severity Medium ## Notes Likely caused by improper event handling or overflow configuration in the chat container. The scroll event may be propagating to the parent page instead of being captured by the chat element.
Screenshot 2026-06-27 135717.png
232 KiB
Screenshot 2026-06-27 135717.png
spikerj commented 2026-06-30 23:14:40 +00:00
Owner
Copy Link
Copy Source

Confirmed and fixed in spikersoft-angular PR #84 (open, not yet merged). Root cause: .messages-container (the Cyborg Joey message list) was missing overscroll-behavior: contain, so scrolling past the top/bottom of the message history chained into a full-page scroll instead of stopping — the same root-cause class as a prior fix applied to the Concept Reference scroll container. Will close once the PR is merged.

Confirmed and fixed in spikersoft-angular PR #84 (open, not yet merged). Root cause: `.messages-container` (the Cyborg Joey message list) was missing `overscroll-behavior: contain`, so scrolling past the top/bottom of the message history chained into a full-page scroll instead of stopping — the same root-cause class as a prior fix applied to the Concept Reference scroll container. Will close once the PR is merged.
spikerj commented 2026-07-01 01:23:42 +00:00
Owner
Copy Link
Copy Source

Resolved in spikersoft-angular PR #84 (merged to master). Root cause: .messages-container (the Cyborg Joey message list) was missing overscroll-behavior: contain, so scrolling past the top/bottom of the message history chained into a full-page scroll instead of stopping — the same root-cause class as a prior fix applied to the Concept Reference scroll container. Closing.

Resolved in spikersoft-angular PR #84 (merged to `master`). Root cause: `.messages-container` (the Cyborg Joey message list) was missing `overscroll-behavior: contain`, so scrolling past the top/bottom of the message history chained into a full-page scroll instead of stopping — the same root-cause class as a prior fix applied to the Concept Reference scroll container. Closing.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#277