Super call of non-method incorrectly allowed if target >= ES6

From https://stackoverflow.com/questions/56775734/error-when-calling-super-method-in-a-typescript-create-react-app-project

TypeScript Version: 3.6.0-dev.20190624

Search Terms:

• es5
• super
• arrow method

Code

class Foo {
    public bar = () => { }
}

class SubFoo extends Foo {
    public bar = () => { super.bar(); }
}

With target: "es5"

Expected behavior: No errors. Call to super is allowed.

Actual behavior: See error on super.bar()

Only public and protected methods of the base class are accessible via the 'super' keyword.

Everything works fine using normal (non-arrow) methods. It also works with "target": "es6"

Playground Link:

Related Issues:

[RyanCavanaugh]

The bug is that it’s allowed, not that it’s disallowed! The code fails at runtime

[fatcerberus]

I don’t understand how this can work anyway, since arrow functions don’t have their own super binding - they close over the one from outside. Since the arrow function doesn’t occur inside a method body, super shouldn’t even exist in that scope?