IEで全角スペースが無視される

事象
テンプレートで全角スペースが含まれている箇所が、画面表示時に無視されてしまいます。
例として、以下のようにテーブルのfuga列が全角スペースであった場合に、<td></td>で画面表示されてしまいます。

<table>
    <tr>
      <th>hoge</th>
      <th>fuga</th>
      <th>piyo</th>
    </tr>
    <tr>
      <td>ほげ</td>
      <td> </td>
      <td>ぴよ</td>
    </tr>
</table>

期待する挙動
全角スペースが無視されずに、<td> </td>で表示されること。

解決のために実施したこと
以下のようにmain.tsとtsconfig.jsonにコンパイラオプション(“preserveWhitespaces”: true)を追加しました。
結果、ChromeやFireFoxでは全角スペースが無視されなくなりましたが、IEとEdgeでは全角スペースが無視されてしまいます。

main.ts

platformBrowserDynamic()
  .bootstrapModule(AppModule, { preserveWhitespaces: true })
  .catch(err => console.error(err));

tsconfig.json

{
  "compilerOptions": {
 :
  },
"angularCompilerOptions": {
  "preserveWhitespaces": true
  }
 :
}

環境
Angular 8
TypeScript 3.4.5
IE 11

IEに特別詳しいわけではないのですが、IEと空白について調べてみると似たような問題を数多く見ました。
IEにおける空白のみのテキストノードの扱いはそのようになるものだと割り切るしかないと思います。

もし空白が無視されることでレイアウトに問題が起きるのであれば、それはそもそもmin-widthやpaddingなどのスタイリングで解決すべきですね。

lacolacoさん
ご回答ありがとうございます。
すみません、こちらの確認不備があり"preserveWhitespaces": trueを指定することで、IEでも全角スペースが表示されておりました。
問題解決とさせていただきます。