Skip to content
This repository was archived by the owner on Dec 15, 2022. It is now read-only.
This repository was archived by the owner on Dec 15, 2022. It is now read-only.

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

Open

Description

@anihakutin

Prerequisites

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>
  1. 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:
giphy 1

Screenshot:
screen shot 2019-02-09 at 11 40 54 pm

When adding the "=" after closing the tag:
giphy 2

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)

Activity

  1. changed the title [-]Code becomes grey when adding erb tags in Ruby[/-] [+]Losses syntax highlighting and text becomes grey when adding erb tags in Ruby[/+] on Feb 10, 2019
  2. transferred this issue fromatom/atomon Feb 11, 2019
  3. rsese commented on Feb 13, 2019

    @rsese

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

  4. SeaCDragon commented on Jul 28, 2019

    @SeaCDragon

    I can still reproduce this in Atom 1.39.0

  5. amingilani commented on Sep 19, 2019

    @amingilani

    Still here in 1.40.1

  6. adlkhan commented on Oct 16, 2019

    @adlkhan

    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.

  7. dcchambers commented on Dec 13, 2019

    @dcchambers

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

  8. dcchambers commented on Jan 8, 2020

    @dcchambers

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

  9. SeaCDragon commented on Jan 21, 2020

    @SeaCDragon

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

  10. 2 remaining items

  11. hayesr commented on Jun 4, 2020

    @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.

    2020-06-04 14 13 41

  12. hayesr commented on Jun 4, 2020

    @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)

  13. dougc84 commented on Jun 7, 2020

    @dougc84

    This is occuring on .rb files as well.

  14. shannon-bart commented on Jun 10, 2020

    @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).

  15. AlbertoReg commented on Jun 22, 2020

    @AlbertoReg

    I am also experiencing this issue on 1.48.

  16. GrinninBarrett commented on Jul 10, 2020

    @GrinninBarrett

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

  17. erez commented on Jul 14, 2020

    @erez

    Same here 1.48.0

  18. MatthewKennedy commented on Aug 15, 2020

    @MatthewKennedy

    Still got this issue in 1.5

  19. samyH commented on Sep 16, 2020

    @samyH

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

  20. MatthewKennedy commented on Sep 16, 2020

    @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.

    Screenshot 2020-09-16 at 14 37 42

  21. samyH commented on Sep 16, 2020

    @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

  22. NAVA-PHOLLAND commented on Nov 2, 2020

    @NAVA-PHOLLAND

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

    Was this bug possibly introduced with #240?

  23. brunnopleffken commented on Dec 17, 2020

    @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.

    ezgif com-video-to-gif

  24. samyH commented on Dec 18, 2020

    @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.

    ezgif com-video-to-gif

    Just install Sublime Text save yourself the headache

  25. brunnopleffken commented on Dec 19, 2020

    @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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions