Fix problems where the terminal output does not scroll, scrolls incorrectly, or appears “stuck.”

The output area of the terminal supports two scroll modes:

• Scrollable inside the terminal (default)
• Grow with the page (no inner scroll)

If scrolling behaves incorrectly, the issue is usually caused by theme CSS, page builders, or container overflow settings.

This guide covers all known causes and fixes.

---

🔹 1. Check Your Scroll Mode Setting #

Go to:

WP Admin → Cointacted → General Settings

Option:

Terminal scroll behavior

• Scrollable inside the terminal (default)
• Grow with the page (no inner scroll)

If set to Grow with the page, the terminal will NOT scroll.
It simply expands forever.

If you want inner scrolling, set it to:

✔ Scrollable inside the terminal

---

🔹 2. Parent Container Has overflow: hidden #

This is the #1 cause of broken scrolling.

If any parent block has:

overflow: hidden;

…then:

• scrollbars won’t show
• scroll position won’t move
• entire terminal feels “stuck”

Common offenders:

• Elementor sections
• Block themes (FSE)
• Sticky headers/containers
• Flexbox wrappers
• Page builder “animation wrappers”

Fix:

Add this CSS:

.cointacted-social-terminal__output {
    overflow-y: auto !important;
}

AND remove overflow:hidden on parent if possible.

---

🔹 3. Parent Container Has Fixed Height or Max Height #

Example:

max-height: 300px;
height: 100%;
overflow-y: hidden;

This traps the terminal inside a small area.

Fix:

.cointacted-social-terminal__output {
    max-height: 260px !important;
    overflow: auto !important;
}

Or allow full growth:

.cointacted-social-terminal {
    height: auto !important;
}

---

🔹 4. Page Builder Adds Auto “Smooth Scroll” Scripts #

Some builders intercept scroll events:

• Elementor
• Divi
• Bricks
• Beaver Builder

This may block the terminal’s scroll automatically.

Fix:

Disable features like:

• scroll effects
• scrolling transitions
• transform-on-scroll
• sticky containers inside builder

---

🔹 5. Theme Replaces Scrollbars (Custom Scroll JS) #

If the theme uses a custom scroll script, such as:

• Perfect Scrollbar
• OverlayScrollbars
• SmoothScroller
• Momentum scroll

…these libraries rewrite overflow behavior.

Fix:

Try excluding the terminal container:

.cointacted-social-terminal__output {
    overscroll-behavior: auto !important;
}

---

🔹 6. Terminal Does Not Auto-Scroll to the Bottom #

Auto-scroll happens when new output is appended, unless:

• user manually scrolled up
• build mode is set to “grow with the page”
• custom JS prevented scroll
• builder animations block scroll events

To restore auto-scroll:

• Try refreshing the page
• Ensure no JS errors in console
• Make sure output area is not being resized by builder animations

---

🔹 7. Sticky Containers or Sticky Header Interference #

Some themes wrap content in sticky containers:

position: sticky;
top: 0;
overflow: hidden;
z-index: 999;

These can cut off scroll behavior inside nested elements.

Fix:
Place the terminal in a normal, non-sticky section.
Sticky containers should be avoided for interactive components.

---

🔹 8. Terminal Inside a Horizontal Scroll Section #

Some themes or builders create horizontal scroll galleries or sliders. If the terminal is placed inside:

• a slider
• a carousel
• a horizontal scroll container

…the vertical scroll direction may break.

Fix:

• Move terminal outside that container
• Or override:

.cointacted-social-terminal__output {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

---

🔹 9. Browser Extensions Blocking Scroll Events #

Rare, but possible with:

• accessibility extensions
• custom scrollbars
• gesture/trackpad plugins

Test in Incognito mode.

If scroll works → extension was the cause.

---

🎯 Summary #

If terminal output doesn’t scroll:

✔ Check scroll mode in settings #

✔ Remove overflow:hidden on parent containers #

✔ Remove fixed heights/max heights #

✔ Disable builder scroll effects #

✔ Disable custom scroll libraries #

✔ Avoid placing terminal inside sticky sections #

✔ Move terminal out of sliders/carousels #

✔ Test without extensions #

✔ Ensure no JS errors #

After correcting container overflow issues, scrolling will work reliably.