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

# [Bug] Missing Selection Pointer in Geography Explorer #1154

New Issue
Closed
opened 2026-09-28 15:31:44 +00:00 by enjin2310 · 1 comment
enjin2310 commented 2026-09-28 15:31:44 +00:00
Copy link
Copy source

Summary

In SpikerSoft Geography Explorer, the selection pointer does not appear when hovering over interactive countries on the globe. This absence of visual feedback makes it unclear to users that the highlighted regions are clickable, reducing intuitiveness and discoverability.

Issue Description

When users hover over a highlighted country (e.g., Brazil), the cursor remains in its default state instead of changing to a selection pointer (hand icon). The lack of pointer feedback prevents users from immediately understanding that the country can be selected for exploration.

Environment

Property Value
Application SpikerSoft Geography Explorer
Module Interactive Globe
Environment Production
Browser Firefox / Chrome
Operating System Windows 11
Version v2026.09.28e
Device Desktop

Preconditions

User opens the Geography Explorer and hovers over any highlighted country.

Steps to Reproduce

  1. Open SpikerSoft Geography Explorer.
  2. Hover over a highlighted country (e.g., Brazil).
  3. Observe that the cursor remains default instead of changing to a pointer.
  4. Click the country — it responds correctly, but without prior visual indication.

Expected Result

When hovering over a clickable country, the cursor should change to a selection pointer (hand icon) to indicate interactivity.

Actual Result

  • The cursor remains in its default state.
  • No visual feedback is provided to suggest that the element is clickable.

Evidence

  • The screenshot shows the globe with highlighted countries and hover text (“Brasil — 270 datos para explorar”), but no pointer feedback is visible.

Impact

  • Reduces clarity and user confidence in interaction.
  • Makes the interface feel less responsive.
  • Minor but noticeable usability issue.

Frequency

Always

Reproducibility

100%

Severity

Low (UI/UX improvement)

Suggested Fix

  • Add CSS or JavaScript logic to change the cursor to a pointer when hovering over interactive map elements.
  • Ensure consistent behavior across all globe views and browsers.
  • Optionally add subtle hover animations or highlights to reinforce interactivity.
## Summary In **SpikerSoft Geography Explorer**, the selection pointer does not appear when hovering over interactive countries on the globe. This absence of visual feedback makes it unclear to users that the highlighted regions are clickable, reducing intuitiveness and discoverability. ## Issue Description When users hover over a highlighted country (e.g., Brazil), the cursor remains in its default state instead of changing to a **selection pointer** (hand icon). The lack of pointer feedback prevents users from immediately understanding that the country can be selected for exploration. ## Environment | Property | Value | |-----------|--------| | Application | SpikerSoft Geography Explorer | | Module | Interactive Globe | | Environment | Production | | Browser | Firefox / Chrome | | Operating System | Windows 11 | | Version | v2026.09.28e | | Device | Desktop | ## Preconditions User opens the **Geography Explorer** and hovers over any highlighted country. ## Steps to Reproduce 1. Open **SpikerSoft Geography Explorer**. 2. Hover over a highlighted country (e.g., Brazil). 3. Observe that the cursor remains default instead of changing to a pointer. 4. Click the country — it responds correctly, but without prior visual indication. ## Expected Result When hovering over a clickable country, the cursor should change to a **selection pointer** (hand icon) to indicate interactivity. ## Actual Result - The cursor remains in its default state. - No visual feedback is provided to suggest that the element is clickable. ## Evidence - The screenshot shows the globe with highlighted countries and hover text (“Brasil — 270 datos para explorar”), but no pointer feedback is visible. ## Impact - Reduces clarity and user confidence in interaction. - Makes the interface feel less responsive. - Minor but noticeable usability issue. ## Frequency Always ## Reproducibility 100% ## Severity Low (UI/UX improvement) ## Suggested Fix - Add CSS or JavaScript logic to change the cursor to a **pointer** when hovering over interactive map elements. - Ensure consistent behavior across all globe views and browsers. - Optionally add subtle hover animations or highlights to reinforce interactivity.
Screenshot 2026-09-28 110045.png
585 KiB
Screenshot 2026-09-28 110045.png
spikerj commented 2026-10-02 03:42:05 +00:00
Owner
Copy link
Copy source

Confirmed and fixed — good usability observation. A hand cursor is the standard hint that something is clickable, and the globe wasn't showing one.

What was wrong: the globe library (globe.gl) does try to switch to the hand cursor over a clickable country: it adds a clickable class to the globe's canvas, with a cursor: pointer style. But the 3D camera controls underneath (three.js OrbitControls) write their own cursor: auto directly on the canvas element when they start up. In CSS, a style written directly on an element beats one coming from a class, so the hand never appeared — and the "grab" cursor we'd set for dragging was hidden too. We confirmed this live by inspecting the canvas while hovering Brazil.

What changed (spikerj/spikersoft-angular#1405, merged): the globe now sets its cursor itself:

  • Hand over countries that actually open something.
  • Grab over everything else.
  • Grabbing while you drag to rotate.

The same globe is used on the Careers page and a few others, so those are fixed too.

It will be live with the next deploy. Reopen this if the cursor still doesn't change.

Confirmed and **fixed** — good usability observation. A hand cursor is the standard hint that something is clickable, and the globe wasn't showing one. **What was wrong:** the globe library (globe.gl) *does* try to switch to the hand cursor over a clickable country: it adds a `clickable` class to the globe's canvas, with a `cursor: pointer` style. But the 3D camera controls underneath (three.js `OrbitControls`) write their own `cursor: auto` *directly on the canvas element* when they start up. In CSS, a style written directly on an element beats one coming from a class, so the hand never appeared — and the "grab" cursor we'd set for dragging was hidden too. We confirmed this live by inspecting the canvas while hovering Brazil. **What changed** (spikerj/spikersoft-angular#1405, merged): the globe now sets its cursor itself: - **Hand** over countries that actually open something. - **Grab** over everything else. - **Grabbing** while you drag to rotate. The same globe is used on the Careers page and a few others, so those are fixed too. It will be live with the next deploy. **Reopen this** if the cursor still doesn't change.
spikerj added the bug label 2026-10-02 03:42:06 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
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
 epic
Cross-repo epic — children live in per-repo trackers
 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 bug
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#1154