输入值包含“ nl @”时奇怪的输入值

Question

当输入元素（e.target.value）包含“ nl @”时，我发现它的行为异常。此后所有德国变音符都会转变为奇怪的东西。

示例：

nl@ü => nl@xn--tda
aanlaaa@u => aanlaaa@xn--tda
ünl@ü => ünl@ü
nl@dksdü => nl@xn--dksd-3ra

我准备了一个litle Codepen，您可以在其中进行自我测试，并解释一些古怪之处。

Codepen Example

有人知道为什么会发生这种现象吗？