Atom snippnets not working with TAB trigger - atom-editor

Question

I have managed to set up a few .scss snippets in Atom. They all work fine, but are not triggered when I press the TAB key. They only work when I press ENTER. When I press the TAB key it will put in a CSS declaration instead of the actual snippet. Also, when I press the ENTER key to get the snippet to appear I cannot TAB through the cursor positions that I have set up in my snippets.
Here is the code I have used:
# --------------------------------- SCSS
'.source.css.scss':
'breakpoint mobone':
'prefix': 'mobone'
'body': """
#include breakpoint(mobone) {
$1
}
"""
'breakpoint mobone-up':
'prefix': 'mobone-up'
'body': """
#include breakpoint(mobone-up) {
$1
}
"""
'breakpoint mobtwo':
'prefix': 'mobtwo'
'body': """
#include breakpoint(mobtwo) {
$1
}
"""
'breakpoint mobtwo-up':
'prefix': 'mobtwo-up'
'body': """
#include breakpoint(mobtwo-up) {
$1
}
"""
'breakpoint tabone':
'prefix': 'tabone'
'body': """
#include breakpoint(tabone) {
$1
}
"""
'breakpoint tabone-up':
'prefix': 'tabone-up'
'body': """
#include breakpoint(tabone-up) {
$1
}
"""
'breakpoint tabtwo':
'prefix': 'tabtwo'
'body': """
#include breakpoint(tabtwo) {
$1
}
"""
'breakpoint tabtwo-up':
'prefix': 'tabtwo-up'
'body': """
#include breakpoint(tabtwo-up) {
$1
}
"""
Can anyone help?
Thanks

Answer 1

There is likely a conflict with another package working in the same scope.
Open Atom in safe mode atom --safe to see if the snippets in snippets.cson work.
Open the keybinding-resolver (Cmd+. on Mac, Ctrl+. elsewhere) and trigger your snippets. In the lower part of your screen, it will show the command (or snippet) that executed.
At worst, you will have to go through all packages that work in the .source.css.scss scope (which presumably aren't that many.)