[JSX] Comment not working in HTML content

[jfcherng]

Disclaimer: I don't write JSX.
Disclaimer: I don't write JSX.
Disclaimer: I don't write JSX.

But there must be something wrong here.

---

• Sublime Version: 4083
• OS Version: Win7 x64

export default function Foo(props) {
  return (
    <div>
      <Foo>
      </Foo>
    </div>
  );
}

If you want to comment out the <Foo>...</Foo> part with ctrl+/ (or ctrl+shift+/), it gives

VSCode gives this

References

• https://forum.sublimetext.com/t/reactjs-syntax-highlighting-in-sublimetext/53412/5
• Toggle comments broken on v10.0.0-beta2 babel/babel-sublime#390

[michaelblyons]

Commenting should be fairly simple. You just make another tmPreferences for source.jsx meta.jsx. The interesting thing might be uncommenting: Can you make it remove the whole {/*...*/} if it's contiguous, but fall back to {foo} if it sees {foo /* here's a comment */}?

Edit: I also don't use JSX, so apologies if I made a silly assumption here.

[Thom1729]

I've added a PR to copy over JS Custom's JSX commenting. It's not completely satisfactory. See Thom1729/Sublime-JS-Custom#21 for another discussion.

Most likely, getting it perfect would require changing how the commenting command works, which is unlikely to happen.

[jfcherng]

Most likely, getting it perfect would require changing how the commenting command works, which is unlikely to happen.

Maybe need a dedicate built-in .py plugin to hijack the toggle_comment and perform (de-)commenting according to the cursor scope.

[FichteFoll]

There are some issues related to how toggle_comment currently works, particularly sublimehq/sublime_text#446.