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.

Autocomplete for Style Properties

See original GitHub issue

Hello! I was wondering if there is something I didn’t setup correctly. When using styled or the sx prop there doesn’t seem to be support for showing the available options for properties such as justifyContent or alignItems. It currently shows Theme values which are irrelevant to these.

Issue Analytics

State:
Created 2 years ago
Reactions:2
Comments:8 (5 by maintainers)

Top GitHub Comments

2reactions

nandorojocommented, Jul 11, 2022

Update, I now see that alignItems doesn’t get any autocomplete. I have a long list of things to look at for open source stuff but will try to get into this when I have the chance.

0reactions

nandorojocommented, Jul 11, 2022

Here’s a video: https://www.loom.com/share/d3519178c7e24d76b1024b4760bd50c3

I get both theme values as well as row/column etc. It’s somewhat accurate since theme values may be usable here. However, it shouldn’t be showing all of them, so I know it is slightly incorrect. For example, it showing cyan, which comes from colors.cyan, which should never apply.

All that being said, I don’t get errors / missing autocomplete for style properties.

Wondering if this issue relates to a typescript error being thrown on the variant prop?

The View component may have an issue with variants since it doesn’t have a defaultVariant set…I’ll have to take a look at that.

Top Results From Across the Web

autofill - CSS: Cascading Style Sheets - MDN Web Docs

The :autofill CSS pseudo-class matches when an <input> element has its value autofilled by the browser. The class stops matching if the user ......

autofill - CSS-Tricks

The :auto-fill pseudo-class in CSS allows us to style <input> elements that contain content auto-filled by the browser.

Smart CSS Autocomplete - Visual Studio Marketplace

Autocomplete CSS properties smarter. SCA collects local CSS properties usage statistic to provide smart sorted hints.

How To Create Autocomplete on an Input Field - W3Schools

Example ; form autocomplete="off" action="/action_page.php" ; div class="autocomplete" style="width:300px;" ; input id="myInput" type="text" name="myCountry" ...

How to add styles to autocomplete in ReactJS - GeeksforGeeks

Autocomplete Component is used for auto-completing the text value with the option value. It basically allows the user to type and select the ......