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

Question

经过一段时间的思考，我想我可以使用更多的脑力。

想象一下以下用户界面（由StackOverflow提供）： 请注意，红线是“指南”。想象一下，它们是<div/>边界。

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

这有点类似于Stackoverflow的工作方式，除了它根据内容调整大小。此外，与stackoverflow类似，它需要在输入框失去焦点时收回。

通常情况下，我会用一些代码来准备，但这一次，它有点困难。

• 我应该使用什么来“固定”右侧的输入框？
• 如何找到输入框的内部/内容宽度？ 请注意，我使用的是等宽字体，因此这可能更容易......

Answer 1

好吧，我找到了答案....或者嗯......创造了解决方案。

可以找到here。

简而言之，它主要是很多事件和绝对定位的“假”输入框。