Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(completion/#2264): Overflow in the UI #2329

Merged
merged 21 commits into from
Apr 15, 2021

Conversation

bryphe
Copy link
Member

@bryphe bryphe commented Aug 20, 2020

Various UI fixes for the completion UI, including:

  • Better handling of large font sizes
  • Better handling of custom line heights (the height for suggestions was hardcoded previously; now it's in sync with the line height)
  • The preview of the detail property from suggestion is inline with the completion item

2021-04-16 14 03 52

This improves the look-and-feel of the completion UI, but there's still a few things I'd like to look at as next steps:

  • Introducing a subtle enter/exit animation so it is not as 'jarring' when it pops open - help smooths out cases where it closes for a frame and comes back (ie, an incomplete completion provider)
  • Add UX for the documentation property - this could show snippet or emmet expansions, or detailed documentation for properties. Need to experiment with the right experience here.
  • Fix mouse behavior
  • Fix completion getting cut-off at editor boundaries

Fixes #2264

@bryphe bryphe added the WIP label Aug 20, 2020
bryphe added a commit that referenced this pull request Feb 13, 2021
This adds the built in VSCode emmet extension (Emmet 2.0), and hooks it up.

There are a few additional features we need, though, to get it usable:
- [x] Handle the `isIncomplete` value from a completion provider - emmet sends this to tell the editor to continue to request completions. We don't handle it, currently. 
- [x] Proper snippet expansion - we have an extremely minimal snippet implementation, which means the expansion aren't too helpful

__Next steps:__
-  Completion documentation - there is no preview for the expansion, currently. (tracking in #2329 )

Fixes #1948
@bryphe bryphe removed the WIP label Apr 15, 2021
@bryphe bryphe merged commit ec655e9 into master Apr 15, 2021
@bryphe bryphe deleted the fix/completion/2264/completion-preview-overflow branch April 15, 2021 16:12
@bryphe bryphe added the N-screenshot Notes: Screenshot label Apr 16, 2021
@bryphe bryphe added this to the 0.5.6 milestone Apr 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
N-screenshot Notes: Screenshot
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Preview lines breaking from container
1 participant