Fix issues where typing doesn’t work, the input is unresponsive, or the cursor doesn’t align with text.

Typing issues or cursor problems are almost always caused by theme overrides, builder interference, or conflicting CSS.
This guide explains how to fix the most common scenarios.

---

🔹 1. You Click Inside the Terminal but the Input Does Not Focus #

If typing does nothing, the input field may be:

• hidden under another element
• overlapped by theme CSS
• blocked with pointer-events: none
• accidentally blurred by script conflicts
• disabled by guest mode + restricted commands

Check via browser inspector:

1. Right-click → Inspect
2. Hover over the input
3. Confirm it is visible and clickable

Fix if needed:

#cointacted-social-terminal-input {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 5 !important;
}

---

🔹 2. Theme Forces Input to Lose Focus on Keypress #

Some themes apply JS validation or autofill behaviors that intercept keyboard events.

Common offenders:

• Theme form validation scripts
• Global “keyboard shortcuts” features
• Page builders injecting JS (Elementor motion effects, Divi triggers)

Fix:

• Disable animations/scroll effects on the shortcode container
• Disable theme “keyboard shortcuts”
• Test in Twenty Twenty-Four theme (to confirm theme conflict)

---

🔹 3. Terminal Input Too Tall (Height Override) #

This is the most common visual problem.

Some themes override input height:

input, input[type=text] {
    height: 40px;
    padding: 12px;
}

This breaks cursor alignment.

Fix:

#cointacted-social-terminal-input {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

---

🔹 4. Cursor Is Offset or Misaligned #

Misalignment is caused by wrong:

• font
• line-height
• padding
• vertical-align
• border

Fix:

.cointacted-social-terminal__input,
.cointacted-social-terminal__prompt-label {
    line-height: 1.5 !important;
    font-family: var(--cointacted-social-terminal-font-mono) !important;
    padding: 0 !important;
    border: none !important;
}

---

🔹 5. Cursor Moves Too Far Right or Left While Typing #

This is caused by:

• theme fonts replacing monospace
• letter-spacing overrides
• word-spacing overrides
• CSS transform on parent containers
• CSS animations affecting layout

Fix font and spacing:

.cointacted-social-terminal__input {
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
    font-family: var(--cointacted-social-terminal-font-mono) !important;
}

Also ensure:

transform: none;

on parent sections in page builders.

---

🔹 6. Cursor Flickers or Jumps on Every Keystroke #

This usually happens when:

• the theme animates focus
• the builder adds scroll/hover effects
• CSS transitions apply to input

Fix:

.cointacted-social-terminal__input {
    transition: none !important;
    animation: none !important;
}

---

🔹 7. Cannot Delete Characters (Backspace Doesn’t Work) #

If backspace doesn’t work or typing lag occurs:

Possible causes: #

• another JS script intercepting key events
• hotkeys from builder/theme
• global keyboard shortcuts
• accessibility plugin interfering

Test in a clean environment:

• disable all plugins except terminal
• switch theme to default
• reload and test

This will confirm conflict source.

---

🔹 8. Terminal Form Removed or Replaced #

If a developer removed the <form> tag manually and replaced it wrongly → typing may break.

Correct current HTML expected by the plugin:

<div class="cointacted-social-terminal__form">
    <div class="cointacted-social-terminal__prompt-row">
        <span class="cointacted-social-terminal__prompt-label">[email protected]></span>
        <span class="cointacted-social-terminal__cursor"></span>
        <span class="cointacted-social-terminal__measure"></span>
        <input id="cointacted-social-terminal-input" ... >
    </div>
</div>

If markup differs, commands won’t work.

---

🔹 9. Page Has Two Terminals Loaded at Once #

Multiple terminals = multiple inputs = broken cursor behavior.

Symptoms:

• cursor in wrong place
• typing goes into invisible input
• commands run on wrong terminal

Fix: only place one terminal shortcode per page.

---

🔹 10. Browser Extensions Interfere With Input Fields #

Extensions that cause issues:

• Grammarly
• LanguageTool
• Password managers
• Form autofill extensions
• AI writing assistants
• Accessibility tools

These inject shadow DOM into input, breaking cursor logic.

Test in:

• Chrome Incognito
• Firefox Private Mode

If typing works → an extension is interfering.

---

🎯 Summary #

If the terminal input doesn’t work or the cursor misaligns:

✔ Theme overriding input height #

✔ Wrong fonts (should be monospace) #

✔ Line-height override #

✔ Letter/word spacing override #

✔ Form validation scripts blocking input #

✔ Page builders injecting animations #

✔ Duplicate terminals on page #

✔ Browser extensions interfering #

Most issues are resolved with 1–3 small CSS fixes + removing builder effects.