Descobri!! Por algum motivo no CHROME tenho que fazer o CSS assim:

.myNameDisplayBlock::after {
  content: " ";
  display: inline-block;
  width: 3px;
  height: 30px;
  margin-left: 5px;
  animation: blinkArrow 0.7s infinite;
  background-color: var(--color-blue1);
}

Caso eu bote apenas content: "|" não funciona.