Detect if input box 'string' value is bigger than input itself

Is it possible to detect if input text value/string width is bigger than input itself. I want to apply some addtional styles if all the text in input is not visible.

The font size can be dynamic so I can't convert each char to pixels.

Appreciate any feedback. This needs to work only in IE.

edited Nov 10, 2015 at 14:54

asked Nov 10, 2015 at 13:15

JS-JMS-WEB

2,6453 gold badges19 silver badges26 bronze badges

1

Does this help: stackoverflow.com/questions/4834445/… ?

Rahul Tripathi
– Rahul Tripathi

2015-11-10 13:18:14 +00:00
Commented Nov 10, 2015 at 13:18
2

You could mesure the size of your string (stackoverflow.com/a/21015393/4734683) and compare it to your input size, minus your left and right padding of course !

Remy Grandin
– Remy Grandin

2015-11-10 13:18:35 +00:00
Commented Nov 10, 2015 at 13:18
1

There is workaround: stackoverflow.com/questions/10209831/…

Jasiu
– Jasiu

2015-11-10 13:19:26 +00:00
Commented Nov 10, 2015 at 13:19

Add a comment |

0 Your Answer

Sign up or log in

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.

Collectives™ on Stack Overflow

Detect if input box 'string' value is bigger than input itself

0

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

0

Know someone who can answer? Share a link to this question via email, Twitter, or Facebook.

Your Answer

Sign up or log in

Post as a guest

Linked