Applying foreground color via applyStyle doesn't work when value is empty

[truebluepl]

Current behaviour.

When applying style (in this issue is foreground color) via applyStyle to the empty field and typing some text, text stays in default color.

Expected behaviour.

applyStyle should be able to change style for the future editing.

window.addEventListener('DOMContentLoaded', function() {
  let field = document.createElement("math-field");
  //field.value = '2+2=4'; //uncommenting this causing applyStyle working
  field.addEventListener('mount', function(e){
    field.applyStyle({color:'#ff0000'},{range:[0,-1]});
  });
  document.body.appendChild(field);
});