擴大顯示內容到左邊的輸入框

Question

經過一段時間的思考，我想我可以使用更多的腦力。

想象一下下面的UI（StackOverflow上提供）： 注意，紅色線是 '導遊'。想象一下，它們是<div/>的界限。

我想要的是，當大量的文本添加到輸入框中，足以溢出，輸入框應該「跳出」和覆蓋/自動調整到左側，像下面的圖片：

這有點類似於Stackoverflow的工作方式，只是它根據內容調整大小。此外，與疊加流程類似，當輸入框放鬆對焦時，它需要縮回。

通常情況下，我會用一些代碼來準備，但這次有點困難。

• 究竟應該用什麼來將輸入框「修復」到右側？
• 如何找到輸入框的內部/內容寬度？ 請注意，我使用的是等寬字體，所以這可能會更容易...

Answer 1

嗯，我找到了答案....或呃...創造瞭解決方案。

可以發現here。

總之，它主要是大量的事件和一個絕對定位的「假」輸入框。