Question 44821 in Html Question posted in
Some basic documentation can be found here.

Why are my HTML class attributes collapsed inline?

enter image description here

I can’t see the content of HTML tags until I hover over the ellipsis (three dots), how can I get rid of this?!

The ellipses go away when I disable all extensions.

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    the case of this ellipsis is the Inline fold extension

    Inline fold extension


  2. 0

    This behaviour is caused by the moalamri.inline-fold VS Code extension. You can find its Visual Studio Marketplace page here, and its source code here.

    An excerpt from its readme:

    VS Code Inline Fold extension mimics VS Code’s folding experience for inline code.
    This is especially useful when working with frameworks like Tailwind CSS which use lots of utility classes that often disfigure code visual structure. You can expand the folds by clicking on them. You can also configure the extension to target specific attributes in your markup.
    The characters used as a mask can be configured in the settings and you can update the regex expression to match any code pattern you want.
    The extension also enables folding of attribute values within HTML/JSX tags. It makes your code tidy and easier to navigate.

    It’s useful to use VS Code’s extension bisect feature to find out what extension is causing certain behaviours.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search