Current behavior

When using a custom snippet I end up at the end of the snippet.

Expected behavior

If the snippet is: <div style="background: $;"> I want to have the cursor placed where the $ is.

Prefferably I would also be able to tab through all $

<div style="background: $; color: $;">$$ In this example I would get my cursor at $ and a tab would take me to the next $.

The double $$ would be marking where I finally end up. Without that double $$ another tab would take me back to the first and so on until I clicked outside or used the arrowkeys to move the cursor.