Input text field with auto width

Asked Jul 05 '17 at 12:18

Active Jul 05 '17 at 12:36

Viewed 65 times

Is it possible to set dynamically generated input text field with auto width? I want to give text field width as auto. But now it has a minimum width. How could I override this without giving a width?

This is what I tried.

$(document).ready(function() {
  $("button").on("click", function(evt) {
  var templ = '<input class="zt-calc-input" type="text" value="1">';
  $('button').after(templ);
  });
});

https://jsfiddle.net/o2gxgz9r/9602/

https://jsfiddle.net/o2gxgz9r/9604/

edited Jul 05 '17 at 12:36

asked Jul 05 '17 at 12:18

Geethu Nimesh

Use `max-width: something` https://jsfiddle.net/o2gxgz9r/9603/ – Morpheus Jul 05 '17 at 12:22
why you don't write in your class zt-calc-input that you want width: auto? – user5014677 Jul 05 '17 at 12:22
I cannot give max width since the value can differ. – Geethu Nimesh Jul 05 '17 at 12:35
I have updated the fiddle making my issue more specific. – Geethu Nimesh Jul 05 '17 at 12:36
I got the solution using js Thanks – Geethu Nimesh Jul 05 '17 at 12:59

Input text field with auto width

0 Answers0