Search code examples
csstextboxelasticlayout

CSS Elastic textbox

My requirement is this. I need a text box with a width of 5px. As I type something on it the width should be increased. Is it possible to do using CSS only without js

thnx

Solution

  • ATM this is not possible with CSS only.

    To achieve this you would have to check the current content width of the textfield on every keystroke in it (use the onKeyUp event of it) and then change the textbox' width accordingly.