object.style.order не обновляется более одного раза

Question

При установке стиля порядка flexbox объекта с помощью js с использованием object.style.order, он работает без проблем в первый раз. Когда я пытаюсь сделать это снова, вызывая тот же метод, он не работает. Код выглядит следующим образом

send_message = function(message, jid) {
  node = document.createElement("div")
  node.classList.add("chat", "chat_outgoing", "sending")
  node.innerText = message
  var order = Date.now() - 1
  document.getElementById(jid).style.order = 0 - Date.now()
  request({
    method: "post",
    body: {
      message: message,
      peer_jid: jid
    },
    json: true,
    url: `${flask}/send`
  }).on("response", function(response) {
    node.classList.remove("sending")
    node.classList.add("delivered")
  })
  threads[jid].appendChild(node)
  document.getElementById("thread").innerHTML = threads[jid].innerHTML
  update_chat_scroll()
}

Попытка немного по-другому также не работает

  document.getElementById(jid).style.order = 0 - Date.now()

Однако, когда я пытаюсь сделать то же самое в консоли разработчика, это работает так, как я ожидал. Есть ли какая-то проблема с моим вызовом Date.now (), из-за которого он не возвращает значение, или я неправильно использую .style.order?

Спасибо