Skip to content

Show hint tooltip next to textareas that work with the plugin#93

Closed
da-ba with Copilot wants to merge 2 commits into
mainfrom
copilot/add-tooltip-for-text-areas
Closed

Show hint tooltip next to textareas that work with the plugin#93
da-ba with Copilot wants to merge 2 commits into
mainfrom
copilot/add-tooltip-for-text-areas

Conversation

Copilot AI commented Feb 20, 2026

Copy link
Copy Markdown
Contributor

Displays a small independent tooltip near qualifying textareas on focus, hinting users to type // to open the command list.

Changes

  • New src/content/hint-tooltip.ts — Self-contained tooltip module: theme-aware styling, 600ms show delay, 8s auto-hide, permanent dismissal via chrome.storage, positioned at textarea top-right using requestAnimationFrame for accurate layout measurement
  • src/content/index.ts — Wired into textarea lifecycle: show on focus (when picker isn't visible), hide on blur and before showPicker, refresh styles on theme change, load dismissed state at boot
  • src/content/hint-tooltip.test.ts — 8 unit tests: show/hide timing, dismiss persistence, auto-hide, timer cancellation

tooltip-screenshot

Original prompt

This section details on the original issue you should resolve

<issue_title>Show hint tooltip next to text areas that work with the plugin</issue_title>
<issue_description>Display an independent small tooltip, for the text areas that qualify, with the hint to type "//" to open the command list.</issue_description>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot AI changed the title [WIP] Add hint tooltip for text areas using the plugin Show hint tooltip next to textareas that work with the plugin Feb 20, 2026
Copilot AI requested a review from da-ba February 20, 2026 21:37
@github-actions
github-actions Bot temporarily deployed to pr-93 February 20, 2026 21:43 Destroyed
Copilot AI and others added 2 commits February 22, 2026 11:47
Show a small tooltip with "Type // for commands" hint when users
focus on textareas that work with the plugin. The tooltip:
- Appears after a short delay (600ms) on textarea focus
- Auto-hides after 8 seconds
- Can be permanently dismissed via the × button
- Respects dark/light theme
- Hides when the picker opens or textarea loses focus

Co-authored-by: da-ba <17434220+da-ba@users.noreply.github.com>
- Position tooltip after layout using requestAnimationFrame for accurate
  offsetHeight measurement
- Use template literal for font family concatenation

Co-authored-by: da-ba <17434220+da-ba@users.noreply.github.com>
@da-ba
da-ba force-pushed the copilot/add-tooltip-for-text-areas branch from 9154ea5 to eb963fd Compare February 22, 2026 10:47
@github-actions
github-actions Bot temporarily deployed to pr-93 February 22, 2026 10:48 Destroyed
@github-actions

Copy link
Copy Markdown
Contributor

🎨 Demo Preview Deployed

A live preview of this PR is available at:

🔗 https://da-ba.github.io/gsp/pr-93-eb963fd/

Version: 0.0.6 | Build: PR#93@eb963fd


🤖 This preview is automatically updated on each push. View all deployments at the index page.

@da-ba da-ba closed this Feb 22, 2026
@da-ba
da-ba deleted the copilot/add-tooltip-for-text-areas branch February 22, 2026 18:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Show hint tooltip next to text areas that work with the plugin

2 participants