## [Bug] Unexpected Empty Container and Non-Functional AI Chat at Contact Page #148

Closed
opened 2026-05-17 21:39:16 +00:00 by enjin2310 · 1 comment

Classification

Type: Bug
Priority: High
Component: Contact Page / AI Chat Integration

Summary

On the Contact > Ask Our AI section of the SpikerSoft website, clicking the interactive area triggers an unexpected behavior: a blank container slides open, and the AI chat button appears on the right side. The chat interface partially loads but fails to respond to user input.

Steps to Reproduce

  1. Navigate to learn.spikersoft.com/contact.
  2. Click on the Ask Our AI section.
  3. Observe that a container slides open but remains empty.
  4. Attempt to type in the AI chat input field or use the “add elements” button.
  5. Notice that typing does not work and the button is non-operational.

Expected Behavior

  • The container should display the AI chat interface or relevant content.
  • The input field should accept text and send messages.
  • The “add elements” button should perform its intended function.

Actual Behavior

  • The container slides open but remains empty.
  • The AI chat button appears on the right side but does not respond to text input.
  • The “add elements” button is non-functional.
  • Other parts of the component (tabs, layout, styling) appear to work correctly.

Evidence

The attached screenshot shows the Ask Our AI section with an empty container and the Cyborg Timmy chat interface partially loaded but unresponsive.

Environment

  • Browser: Microsoft Edge
  • OS: Windows 10
  • Page: Contact > Ask Our AI
  • Version: v2026.05.17a

Possible Root Cause

The AI chat component may be failing to initialize due to:

  • Missing or broken JavaScript event bindings.
  • Improper container rendering sequence.
  • API initialization error preventing message handling.

Suggested Fix

  • Verify the chat component’s initialization logic and ensure the container loads content dynamically.
  • Check event listeners for input and button actions.
  • Confirm that the AI service endpoint is reachable and properly configured.

Additional Notes

The issue affects user interaction with the AI assistant and may hinder support accessibility from the Contact page.

### Classification **Type:** Bug **Priority:** High **Component:** Contact Page / AI Chat Integration ### Summary On the **Contact > Ask Our AI** section of the SpikerSoft website, clicking the interactive area triggers an unexpected behavior: a blank container slides open, and the AI chat button appears on the right side. The chat interface partially loads but fails to respond to user input. ### Steps to Reproduce 1. Navigate to [learn.spikersoft.com/contact](https://learn.spikersoft.com/contact). 2. Click on the **Ask Our AI** section. 3. Observe that a container slides open but remains empty. 4. Attempt to type in the AI chat input field or use the “add elements” button. 5. Notice that typing does not work and the button is non-operational. ### Expected Behavior - The container should display the AI chat interface or relevant content. - The input field should accept text and send messages. - The “add elements” button should perform its intended function. ### Actual Behavior - The container slides open but remains empty. - The AI chat button appears on the right side but does not respond to text input. - The “add elements” button is non-functional. - Other parts of the component (tabs, layout, styling) appear to work correctly. ### Evidence The attached screenshot shows the **Ask Our AI** section with an empty container and the **Cyborg Timmy** chat interface partially loaded but unresponsive. ### Environment - **Browser:** Microsoft Edge - **OS:** Windows 10 - **Page:** Contact > Ask Our AI - **Version:** v2026.05.17a ### Possible Root Cause The AI chat component may be failing to initialize due to: - Missing or broken JavaScript event bindings. - Improper container rendering sequence. - API initialization error preventing message handling. ### Suggested Fix - Verify the chat component’s initialization logic and ensure the container loads content dynamically. - Check event listeners for input and button actions. - Confirm that the AI service endpoint is reachable and properly configured. ### Additional Notes The issue affects user interaction with the AI assistant and may hinder support accessibility from the Contact page.
Owner

Duplicate of #175 — same root cause: the floating AiAssistantComponent was embedded inline on the Contact page, so its fixed-position content floated away and left an empty container. Fixed in spikerj/spikersoft-angular#3 with an inline render mode. Closing as fixed.

Duplicate of #175 — same root cause: the floating `AiAssistantComponent` was embedded inline on the Contact page, so its fixed-position content floated away and left an empty container. Fixed in spikerj/spikersoft-angular#3 with an inline render mode. Closing as fixed.
Sign in to join this conversation.