datatip highlight hides text selection

[capi1O]

Description

When selecting text on a variable name, the selected text is hidden once the datatip highlight appears. When the mouse leaves the variable name area, the datatip highlight goes away and selected text is then visible.

By default the datatip highlight color it is the same than the syntax selection color, see https://github.com/facebook-atom/atom-ide-ui/blob/master/modules/atom-ide-ui/pkg/atom-ide-datatip/styles/datatip.less But the problem remains even when a different color is set, by overriding the CSS rule in atom styles.less as below :

atom-text-editor .datatip-highlight-region > .region {
  background: #363a40;
}

The selected text highlight is hidden as soon as the datatip shows.

Expected Behavior

variable name is highlighted when the datatip appears but currently the selected text is also still visible.

Versions

• Atom: 1.22.0
• Client OS: macOS 10.13
• atom-ide-ui: Nuclide 0.264.0

Additional Details

• Installed packages (apm ls --installed):

├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] (disabled) ├── [email protected] ├── [email protected] (disabled) ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected]

[thatbeardo]

I am assuming this is the one you are talking about. It is absolutely annoying and painful to look at. If not then I'd like to create another issue for this one! @monkeydri can you confirm ?!

[capi1O]

Hi @thatbeardo, no this is not the same issue (actually I don't have your green highlight diagnostics issue), see below for what I was talking about :

1- I start selecting showLabel 2- Once the datatip appears, the selection is not visible anymore because the while showLabel var is highlighted. 3- As soon as I hover out from the var name the selection is visible again (because the datatip and its strong highlight are gone).

From the GIF we can see that it is only when the mouser is over the var name that the selected text is not visible. Even with the var name highlight (without datatip) when the mouse is out the selected text is still visible. Once the datatip appears, the highlight become stronger and makes previously selected text invisible.

[Mark-Schmeiser]

As a work-around I did this:

atom-text-editor .datatip-highlight-region > .region {
  background: none;
}

It shows my selected text. Once the data tip appears, I see the desired flow info and even my selected text.

[joost823]

Same problem here, pic shows before and after hovering mouse on Formatter. Marks work-around worked fine.