Currently:

It would be more intuitive for a "to be inserted here" vertical line to show up to the left of code.spec.template.
Dynamic rearranging like in Chrome would be an even nicer visual indicator.
I think if the tabs support animation it does not need this placeholder.
As @Tyriar suggests, previewing where the tab will be placed seems like a good approach. Edge does it too, seems like a reasonably common pattern. Visual Studio does something similar, although not as smooth - the tab jumps into place as you drag with the mouse down.
I would recommend we do what the browsers do.
+1 for the browser behavior and dynamic rearranging if possible.
We agreed in UX sync today that it would be good to get feedback on two different approaches:
1) dynamic reordering with animated tabs moving to make room (browser style)
2) using a vertical bar to indicate the exact position a tab will be inserted.
+1, the current behavior is pretty unintuitive. Of the two options @bgashler1 presented, it seems like option 1 is the way Sublime Text does it and option 2 is the way Atom does it. In my opinion, I would prefer option 1 but either one would be a big improvement.
Most helpful comment
+1, the current behavior is pretty unintuitive. Of the two options @bgashler1 presented, it seems like option 1 is the way Sublime Text does it and option 2 is the way Atom does it. In my opinion, I would prefer option 1 but either one would be a big improvement.