Not all getter/setter references are detected when using JavaScript

Bug Report

🔎 Search Terms

🕗 Version & Regression Information

export class Foo {
	constructor() {
        this.bar = false;
		this.bar = true;
	}
    
	get bar() {
		return true
	}

	set bar(value) {
		// Do something with value
	}
}

/** @type {Foo[]} */
const items = [];

for (const item of items) {
    item.bar = true;
}

🙁 Actual behavior

When clicking this.bar on line 3, only the instances on line 3 and 4 are highlighted. When pressing F2 only those two instances are renamed, and when pressing F12 (cmd F12 on the playground) only those two instances appear in the list of references.

🙂 Expected behavior

All references, including the getter, setter and item.bar on line 20 are referenced. This works fine when using TypeScript. See this playground example for the TypeScript equivalent of this code.

https://user-images.githubusercontent.com/2737650/177770729-e9c893c6-7c8a-4228-8fb6-865256cec662.mp4

[RyanCavanaugh]

@komyg glad to hear! It’s not possible for me to assign this (you’d need a permission level on the repo that we don’t issue to non-Microsoft employees). See also https://github.com/microsoft/TypeScript/blob/main/CONTRIBUTING.md#issue-claiming

[komyg]

@RyanCavanaugh I’d like to help out with this bug. Could you assign it to me?