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

## [Bug] Text on Home Page Should Not Be Selectable #184

New Issue
Closed
opened 2026-05-22 18:57:18 +00:00 by enjin2310 · 1 comment
enjin2310 commented 2026-05-22 18:57:18 +00:00
Copy Link
Copy Source

🧩 Summary

On the SpikerSoft Home Page, the main headline and descriptive text can currently be selected by the user. This behavior is unintended, as the design should prevent text selection to maintain a clean, interactive visual experience.

🧪 Steps to Reproduce

  1. Navigate to the Home Page (learn.spikersoft.com).
  2. Attempt to click and drag over the main text area:
    • “Help Kids See the World”
    • Paragraph below the headline.
  3. Observe that the text becomes highlighted and selectable.

✅ Expected Behavior

Text elements in the hero section should not be selectable. The cursor drag should have no effect, maintaining the visual integrity of the page.

❌ Actual Behavior

Users can currently select and highlight the text, which disrupts the intended polished look and user experience.

📸 Evidence

The attached screenshot shows the homepage with highlighted text, confirming that selection is possible.

🧠 Possible Root Cause

Missing or incorrect CSS property preventing text selection.
Likely absence of:

.hero-text, .hero-title, .hero-description {
  user-select: none;
}

## Additional Info Check the behavior of text selection in ALL THE SITE
### 🧩 Summary On the **SpikerSoft Home Page**, the main headline and descriptive text can currently be selected by the user. This behavior is unintended, as the design should prevent text selection to maintain a clean, interactive visual experience. ### 🧪 Steps to Reproduce 1. Navigate to the **Home Page** (`learn.spikersoft.com`). 2. Attempt to click and drag over the main text area: - “Help Kids See the World” - Paragraph below the headline. 3. Observe that the text becomes highlighted and selectable. ### ✅ Expected Behavior Text elements in the hero section should **not be selectable**. The cursor drag should have no effect, maintaining the visual integrity of the page. ### ❌ Actual Behavior Users can currently select and highlight the text, which disrupts the intended polished look and user experience. ### 📸 Evidence The attached screenshot shows the homepage with highlighted text, confirming that selection is possible. ### 🧠 Possible Root Cause Missing or incorrect CSS property preventing text selection. Likely absence of: ```css .hero-text, .hero-title, .hero-description { user-select: none; } ## Additional Info Check the behavior of text selection in ALL THE SITE
Screenshot 2026-05-22 145056.png
696 KiB
Screenshot 2026-05-22 145056.png
spikerj commented 2026-06-08 13:50:13 +00:00
Owner
Copy Link
Copy Source

Fixed in spikerj/spikersoft-angular#10.

Added user-select: none scoped to the home hero section (headline, tagline, badge, stats, CTAs) so it can no longer be click-dragged/highlighted.

Note on the "check ALL THE SITE" suggestion: I intentionally kept this scoped to the decorative hero rather than disabling selection site-wide, since lesson text, code playgrounds, and articles need to stay selectable/copyable on a learning platform. Happy to extend to other decorative chrome in a follow-up if desired.

Closing as resolved by the linked PR.

Fixed in spikerj/spikersoft-angular#10. Added `user-select: none` scoped to the home hero section (headline, tagline, badge, stats, CTAs) so it can no longer be click-dragged/highlighted. Note on the "check ALL THE SITE" suggestion: I intentionally kept this scoped to the decorative hero rather than disabling selection site-wide, since lesson text, code playgrounds, and articles need to stay selectable/copyable on a learning platform. Happy to extend to other decorative chrome in a follow-up if desired. Closing as resolved by the linked PR.
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#184