Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

OnClick event on Gutter

See original GitHub issue

How could I handle OnClick events on Gutter, similar to how breakpoints does?

The intention was to connect it with a decorator (previously created with vscode.window.createTextEditorDecorationType) so the user should Click on the Gutter and create/destroy the decorator assigned to the line where the user clicked.

Thanks in advance

Issue Analytics

State:
Created 7 years ago
Reactions:162
Comments:19 (2 by maintainers)

Top GitHub Comments

28reactions

dennispicommented, Apr 18, 2022

We’re also seeing usability issues with our user testing and the existing interaction model.

Currently, users need to:

hover over our extension’s gutter icon
observe the tooltip
very carefully navigate over to the tooltip
very carefully click on the Title on the tooltip
begin interaction

This is much easier to understand when you see it: CleanShot 2022-04-18 at 11 56 21

What they’re expecting:

click the gutter icon
(extension opens webview)
user begins interaction

I the expectation is based on experience with breakpoints. Developers are conditioned to view a gutter icon, click on it, and take action.

We’d be happy to implement this as it seems to be a popular request from a number of extension authors (133 upvotes as of this comment).

7reactions

luispDesktopcommented, Apr 20, 2021

It would be great to have this ability. Bump for this! It greatly increases the ability to have options from icons showing in the gutter.

Top Results From Across the Web

VS Code Extension: Click event on decoration - Stack Overflow

I am rendering an icon on the gutter like this. Is there a way to get click event on what is being rendered...

How add my widget only onclick of my custom gutter

I have the event handler on the gutter and I wanted to add my widget to the view when a user clicked on...

Angular (forked) - StackBlitz

export class AppComponent {. name = 'Angular';. test(e) {. console.log('click event triggered > ', e). ;. } AA(e) {. console.log('(gutterClick) event.

Button - Quasar Framework

When not disabled or spinning, QBtn emits a @click event, as soon as it is clicked or tapped. QBtn API. QBtn ...

Too many gutter icons shown on top of each other can cause ...

A proposed solution is to have a small icon [+] displayed, so when the user hovers their mouse over this gutter icon, Visual...