Losses syntax highlighting and text becomes grey when adding erb tags in Ruby

[anihakutin]

Prerequisites

• Put an X between the brackets on this line if you have done all of the following:
  • Reproduced the problem in Safe Mode: https://flight-manual.atom.io/hacking-atom/sections/debugging/#using-safe-mode
  • Followed all applicable steps in the debugging guide: https://flight-manual.atom.io/hacking-atom/sections/debugging/
  • Checked the FAQs on the message board for common solutions: https://discuss.atom.io/c/faq
  • Checked that your issue isn't already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Aatom
  • Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages

Description

Code after inserted erb text becomes grey and losses syntax highlighting.
Closing the file and then reopening it fixes the issue.
I did see this mentioned in issue #18342 but that was closed and the syntax highlighting doesn't seem to be fixed.
Safe mode does not solve this problem.

Steps to Reproduce

1. Create .erb file with html
2. Add erb tag to html element
3. Text will lose syntax highlighting (see screen recording below)

Edit by @rsese to add more detailed repro steps

1. Create and save a .erb file with this content:

<h1>Update Owner</h1>

<form method="post">
  <input action="/owners/" type="hidden" id="hidden" name="_method" value="patch">

  <label for="">Name: </label>
</form>

2. Start typing <%=@owner.id%> after the "/owners/" in the <input> tag.

**Interesting note:
If I add the "=" after i close the tag it highlights and formats correctly, see 2nd screen recording.

Expected behavior: [What you expect to happen]
Highlighter should highlight syntax correctly

Actual behavior: [What actually happens]

After typing the > in <%=@owner.id%>, the rest of the content loses highlighting (as mentioned above, closing and reopening the file seems to clear things up).

See screen recording:

Screenshot:

When adding the "=" after closing the tag:

Reproduces how often: [What percentage of the time does it reproduce?]
Everytime.

Versions

Atom : 1.34.0
Electron: 2.0.16
Chrome : 61.0.3163.100
Node : 8.9.3
MacOS Mojave 10.14.2 (18C54)

[rsese]

Thanks for the report, reproduce in 1.34.0 with macOS 10.12.6.

[SeaCDragon]

I can still reproduce this in Atom 1.39.0

[amingilani]

Still here in 1.40.1

[aurangzaib-danial]

I can reproduce in Atom 1.40.1, with Ubuntu 18.04.3 LTS
Downgraded atom to 1.33.1, only way to solve this problem atm.

[dcchambers]

Atom 1.40.1 / MacOS 10.14.6 still experiencing the same issue with ERB.

[dcchambers]

Tested today on Atom 1.41.1 and 1.42 this is no longer happening. Consider this resolved?

[SeaCDragon]

unfortunate no we cant. Even on 1.43 this still happens fairly often. I am on Mac

[ryanwith]

Same here. Found this while hoping there was a fix.

[GuzmanHrz]

still a problem in Atom 1.45

[hayesr]

I've have experienced this issue, and now (1.47) I've got a new one that I think might be related. I can open some erb files that have full color, then open another erb file with no color. With the problem described above, closing and reopening the file would fix it. With this new problem there is no highlighting from open.

Also, adding code above the gray lines seems to do full highlighting, while adding below only highlights the <% %>

I also have the (non-treesitter?) HTML (Rails) and HTML (Ruby - ERB) grammars, and switching to one of those gives full highlighting.

[hayesr]

Tinkering further, I believe the following is the problem:

<% if @thing %>
    <script></script>
<% end %>

That code will cause the issue in other files, BUT the following does not cause the problem:

<% if @thing %>
    <script>
<% end %>

(no close to the script tag)

[dougc84]

This is occuring on .rb files as well.

[shannon-bart]

Having the same problem. It seems as soon as I enter a <script></script>, everything goes grey, with occasional, random highlighting. Frustrating because I'm a newbie and the highlighting was very helpful (when it was working).

[AlbertoReg]

I am also experiencing this issue on 1.48.

[GrinninBarrett]

Still 1.48, and still experiencing this after adding </script> in a .html document.

[erez]

Same here 1.48.0

[MatthewKennedy]

Still got this issue in 1.5

[samyH]

Can confirm random greyed out lines and/or script tags v1.5.0 pretty annoying

[MatthewKennedy]

I gave up on atom and moved to Sublime Text 4, the code highlighting is instant.

I tried VSCode but that was slow at loading the syntax and the colours were inconstiant.

[samyH]

Ah sublime text is up to v4, might have to check it out - came from sublime to atom because there was a nice package called html preview which updates the page on the fly and runs inside atom

[BARK-PHOLLAND]

I'm also still seeing this, in Atom 1.52.0 on MacOS 10.15.7

Was this bug possibly introduced with #240?

[brunnopleffken]

Any progress of this? Getting a LOT of issues with ERB files... I mean, A LOT!
Ruby on Rails and ERB files are my main projects, is so annoying that I'm using VSCode.

BTW, I noticed that if I narrow the width of the editor, the syntax works again in some points. I don't know if it's because part of the code is hidden or if the width has something to do with it.

[samyH]

Any progress of this? Getting a LOT of issues with ERB files... I mean, A LOT!
Ruby on Rails and ERB files are my main projects, is so annoying that I'm using VSCode.

BTW, I noticed that if I narrow the width of the editor, the syntax works again in some points. I don't know if it's because part of the code is hidden or if the width has something to do with it.

Just install Sublime Text save yourself the headache

[brunnopleffken]

Just install Sublime Text save yourself the headache

I'm using VS Code as main editor for Ruby projects. It's a lot of headache for a simple syntax highlight...

TBH, the Atom highlight is very good, it marks the right words even with the name of functions outside the "dictionary". But the problem of colors deactivating is really annoying.