Autocomplete popup position

[bogdancss]

For a while now, the Autocomplete popup has been misaligned:

I tested this on a fresh install of Atom only with this syntax theme installed.

[bogdancss]

I uninstalled the theme and copied over the theme styles over to the local styles.less file. By commenting out the lines that handle the filter, seems to prevent the autocomplete popup from being misaligned:

But now the glow is gone ☹️

[ochen1]

Hey, I was looking for a solution to this too, and I found out that the following code worked.

Replace the lines at the top of base.less with:

atom-text-editor span {
  -webkit-filter: contrast(@contrast);
  -webkit-filter: saturate(@saturation);
}

atom-text-editor {
  background-color: @syntax-background-color;
  color: @syntax-text-color;

  .invisible-character {
    color: @syntax-invisible-character-color;
  }

  .indent-guide {
    color: @syntax-indent-guide-color;
  }

  .wrap-guide {
    color: @syntax-wrap-guide-color;
  }

  .gutter {
    background-color: @syntax-gutter-background-color;
    color: @syntax-gutter-text-color;

    .line-number {
      &.cursor-line {
        background-color: @syntax-gutter-background-color-selected;
        color: @syntax-gutter-text-color-selected;
      }

      &.cursor-line-no-selection {
        color: @syntax-gutter-text-color-selected;
      }
    }
  }

  .search-results .syntax--marker .region {
    background-color: transparent;
    border: @syntax-result-marker-color;
  }

  .search-results .syntax--marker.current-result .region {
    border: @syntax-result-marker-color-selected;
  }
}

The problem was probably the filter being applied to everything inside of the editor, when it only needs to be applied to the main text content inside the editor.

However, you may experience some performance issues, because it is applying the filter to more elements now.

This is a quick hack to temporarily resolve the issue.