How to disable automatic HTML tag expansion when pressing Tab in Vue template?
Hi,
When I write code like <span>{{ details.| }}</span>, WebStorm shows a dropdown with members of details, which is expected. However, if I press Tab to select a suggestion, it unexpectedly generates <span>{{ <details></details> }}</span> instead of completing to <span>{{ details.xxx }}</span>.
It seems to treat details as an HTML tag and expands it automatically. How can I disable this tag completion behavior so that Tab only inserts the selected suggestion?
Thanks!
请先登录再写评论。
Unfortunately I failed to reproduce the issue. Does it occur if you focus the item with a mouse before pressing
Tab? Additionally, could you please check if the issue persists after re-settings the IDE preferences to default? To restore IDE's settings, go to File | Manage IDE Settings | Restore Default Settings.... After restarting, choose to skip import.[Important]
A confirmation popup with a path to the backup file of your settings will be displayed. Make a note of this, as you'll be able to restore your settings from this backup file later.
To restore your settings, please choose File | Manage IDE Settings | Import Settings, specify a path to the backup directory, and click Open.
If you can’t find the path to the backup file, please check this article in our help. It has a list of paths to the backup directories for each OS.
🐞 Steps to Reproduce the Bug
src/App.vue.Insert a new line after line 11, and type:
I failed to reproduce the issue with the provided steps:
Did you try re-setting the preferences to default as I suggested above?
I thought it was definitely a bug, so I didn’t try it.
But after restoring the default settings, the issue disappeared and everything worked fine—except I had to reinstall various plugins.
Anyway, thanks!