<p dir="auto"><em>From <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/aayushkapoor206/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/aayushkapoor206">@aayushkapoor206</a> on April 7, 2016 19:33</em></p>
<ul dir="auto">
<li>VSCode Version: 0.10.11</li>
<li>OS Version: Windows 10</li>
</ul>
<p dir="auto">Steps to Reproduce:</p>
<ol dir="auto">
<li>Before<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/13454335/14364253/a53ee48c-fd25-11e5-856a-c556e400f1f0.png"><img src="https://cloud.githubusercontent.com/assets/13454335/14364253/a53ee48c-fd25-11e5-856a-c556e400f1f0.png" alt="before" style="max-width: 100%;"></a></li>
<li>After<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/13454335/14364269/adbddb7c-fd25-11e5-8acd-2478c9ee2dfe.png"><img src="https://cloud.githubusercontent.com/assets/13454335/14364269/adbddb7c-fd25-11e5-8acd-2478c9ee2dfe.png" alt="after" style="max-width: 100%;"></a></li>
</ol>
<p dir="auto"><em>Copied from original issue: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="146721554" data-permission-text="Title is private" data-url="https://github.com/microsoft/vscode/issues/5086" data-hovercard-type="issue" data-hovercard-url="/microsoft/vscode/issues/5086/hovercard" href="https://github.com/microsoft/vscode/issues/5086">microsoft/vscode#5086</a></em></p>
<p dir="auto">In VS Code (as it uses the built in formatter, I assume this is the best place to put the issue), the TS formatting produces this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="foo()
  .then&lt;void&gt;(
  function(): void {
  },
  function(): void {
  }
  )
  .then&lt;void&gt;(
  function(): void {
  },
  function(): void {
  }
  );"><pre class="notranslate"><code class="notranslate">foo()
  .then&lt;void&gt;(
  function(): void {
  },
  function(): void {
  }
  )
  .then&lt;void&gt;(
  function(): void {
  },
  function(): void {
  }
  );
</code></pre></div>
<p dir="auto">I would expect this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="foo()
  .then&lt;void&gt;(
    function(): void {
    },
    function(): void {
    }
  )
  .then&lt;void&gt;(
    function(): void {
    },
    function(): void {
    }
  );"><pre class="notranslate"><code class="notranslate">foo()
  .then&lt;void&gt;(
    function(): void {
    },
    function(): void {
    }
  )
  .then&lt;void&gt;(
    function(): void {
    },
    function(): void {
    }
  );
</code></pre></div>
<p dir="auto">The former is pretty hard to read.</p>