added snap directive and added to markup