Bracketed properties completions

[gushuro]

Testing #42370

In some cases only the properties without special characters (emojis, whitespaces, etc) show up as suggestions.

Example:

const z = {
    'a': 4,
    'ad ver ti sing ': 3,
    '😁': true,
    ' whitespace': false,
    'hasemoji': '   🃔    🀱🀴🁇🀸',
    'has white space': true,
    'ending whitespace  ': true,
    321: 4,
    "name": function (arg) {
        this["ending whitespace  "] = false;
        console.log("hello world");
    }
}

When typing z. I've seen the following behaviors, depending on where in the code I'm writing:

• All the properties show up as suggestions
• Only the properties that don't need bracket accesors show up. If I start writing one of them, they appear.

[mjbvz]

Do you possibly have multiple definitions of z in your workspace? What happens if you run Go To Definition in on z in the case where you don't get the proper suggestions?

[gushuro]

I don't have multiple definitions of z, just one.
If I run Go To Definition, the cursor goes to the definition as expected

const |z = {
...

[mjbvz]

I can't repo this using just the definition. Please share the entire file

[gushuro]

const z = {
    'a': 4,
    'ad ver ti sing ': 3,
    '😁': true,
    ' whitespace': false,
    'hasemoji': '   🃔    🀱🀴🁇🀸',
    'has white space': true,
    'ending whitespace  ': true,
    321: 4,
    "name": function (arg) {
        this["ending whitespace  "] = false;
        console.log("hello world");
        this["😁"] = false;
    },
    '😎': function () {
        console.log('😇😝')
    },
    'ñ´': function () {
        console.log("enie");
    }
};

z['😎']();
let a = z["has white space"];
z["ñ´"]();

[maciejw]

can you extend this to TSX/JSX also? with with we will have intellisense on aria-* properties in react.