Compatibility issues with Bootstrap

I’m experiencing height issues while using ngx-autosize with Bootstrap.

I declared the following element in my HTML code:

<textarea  class="[ form-control ]" [disabled]="isReadOnly()" maxlength="100" required autosize rows="1" [minRows]="1" [maxRows]="6"></textarea>`

This element however always displays a scrollbar, even if the textarea is completely empty yet. I played around with the code and adding +2px towards the height calculation would work for me, however I don’t feel like that’s a legitimate solution for this problem.

Browsing the element with the developer tools, I figured out that bootstrap box-sizing: border-box seems to be the issue. While I could remove that for my textboxes, that kinda destroy the whole layout.

Any other idea what is causing this behaviour and any way to properly fix this?

[chrum]

perfect 😄 moving it to main wooohooo

[NNowakowski]

hmm thats pretty weird, can i ask you to check version inside

node_modules/ngx-autosize/package.json

or in

package.lock

In a sec I will test a bit more current @next and will publish it to main channel soon

It was just an issue with the corporate repository not having the 1.2.3 version. Managed to install that one via the npm public repository and it seems to have fixed my issue!