Javascript 展开以向左显示内容的输入框

想了一会儿，我想我需要更多的脑力

想象一下StackOverflow提供的以下UI： 请注意，红线是“参考线”。假设它们是边界

我想要的是，当大量文本添加到输入框中，足以溢出时，输入框应“弹出”并向左覆盖/自动调整大小，如下图所示：

这与Stackoverflow的工作原理有些相似，只是它会根据内容调整大小。同样，与stackoverflow类似，当输入框失去焦点时，它需要缩回

通常，我会准备一些代码，但这次有点困难

我应该使用什么来“修复”右侧的输入框？ 如何找到输入框的内部/内容宽度？ 请注意，我使用的是单间距字体，所以这可能更容易。。。

---

嗯，我找到了答案……或者说，嗯……创造了解决方案

可以找到它

简而言之，它主要是大量事件和一个具有绝对定位的“假”输入框