box-sizing: border-box causes the height to be bigger than what it should

[jackmoore]

box-sizing: border-box causes the height to be bigger than what it should

[jackmoore]

Thanks for the report, but I wasn't able to reproduce this problem. Is your "how it should look" actually how it should look, or is that just how you want it to look (as in maybe it is rendering correctly according to your CSS)? What does it look like if you don't use autosize? If autosize is the problem, post a demo and I'll look into it.

[gustavohenke]

Without using autosize, the textarea gets its original size (which is about 3 rows, the "how should look" is the min-height of the textarea) - have you tried with Bootstrap?

[jackmoore]

I didn't try with bootstrap, I just changed the box-sizing.

[jackmoore]

And changing the box-sizing did change the total height, but that was independent of using the plugin.

[gustavohenke]

Sorry, I got out of the wi-fi zone and just updated the comment without refreshing...

This is the .input-block-level CSS:

    -moz-box-sizing: border-box;
    display: block;
    min-height: 30px;
    width: 100%;

[jackmoore]

Thanks

[jackmoore]

Ok, should be fixed now.

[gustavohenke]

Oh, thanks! You're awesome!

[crapthings]

@gustavohenke @jackmoore
i have the same issus, how do u get the height to 30px ?

[nediam]

Hello, it seams that the problem occurs again, but changing

boxOffset = $ta.outerHeight() - $ta.height();

to

boxOffset = $ta.outerHeight(false) - $ta.height();

does the trick.

[jackmoore]

outerHeight is false by default, so your change shouldn't affect anything:
http://api.jquery.com/outerHeight/

[nediam]

I know but only with "false" it works... (text area have input-block-level class)

[jackmoore]

Do you happen to be using jQuery 1.8.0? http://bugs.jquery.com/ticket/12293