Firefox ESR 128.5.2输入框文本溢出ellipsis渲染异常问题求助

大家好，我最近碰到了一个Firefox浏览器的渲染异常问题，折腾了半天没搞定，来求助各位大佬：

我给输入框设置了文本溢出显示省略号的样式，但在Firefox ESR 128.5.2版本里出现了奇怪的行为：

• 第一次在输入框中输入内容时，哪怕文本已经超出输入框的宽度，也不会触发text-overflow: ellipsis显示省略号
• 但如果先点击输入框外失焦，再重新聚焦输入，此时文本溢出就会正常显示省略号

而同样的代码在Chrome浏览器里完全正常——第一次输入时文本一溢出，省略号就立刻显示出来了。这种跨浏览器的行为差异给用户造成了不小的困惑，有没有大佬能帮忙提供解决办法呀？

以下是我用到的代码：

CSS 样式 #

input.b {
  white-space: nowrap;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #000000;
}

div.c {
  white-space: nowrap;
  width: 50px;
  overflow: hidden;
  text-overflow: "----";
  border: 1px solid #000000;
}

HTML 结构 #

<h2>text-overflow: ellipsis:</h2> 
<input class="b" />

备注：内容来源于stack exchange，提问作者Priyesh