monkeytypegame / monkeytypegame/monkeytype

investigate tooltip library replacement

Open
#8,338 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
20.7k
Forks
3.3k
PR merge metrics
No merged PRs in 30d

Description

currently we use balloon.css. The biggest issue we are facing is that sometimes the tooltip will not fit in the viewport.

Search for possible replacements:

Most of the ui is already converted to solidjs, so the tooltip replacement doesn't need to support non-solid uses like test-results or the static html pages.

The TestActivityCalendar can be ignored as well until it is converted to solid (#8339)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the Kobalte and tippy.js tooltip documentation, then locate the existing balloon.css usage in the SolidJS UI. Compare candidates against viewport fitting and SolidJS support; leave TestActivityCalendar and non-Solid pages out of scope. Done means documenting a suitable replacement and its migration scope.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Refactor
Difficulty
5/5
Estimated time
Over a week
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.