输入type =“ file”扩展名未显示在firefox

Question

Firefox未显示长命名的文件扩展名。

当我在<input type="file">中选择一个长命名的文件时，谷歌浏览器将其显示为带有一些文件扩展名的文件，但在Firefox中仅显示前几个字母，其他字符在末尾被剪切。我需要在Firefox中显示与Chrome相同的文件扩展名。我该如何解决这个问题？

如果文件名为： AdministrationTemporaryFile.txt

在Chrome中

在Firefox中

input[type="file"] {
  width: 200px;
}

<div>
  <input type="file">
  <input type="button" value="Upload">
  <input type="button" value="Cancel">
</div>

JSFiddle：https://jsfiddle.net/vishnuprasadps/ctjwr5f8