Compatibility issues with Bootstrap
See original GitHub issueI’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?
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Browsers and devices - Bootstrap
Learn about the browsers and devices, from modern to old, that are supported by Bootstrap, including known quirks and bugs for each.
Read more >jQuery and Bootstrap compatibility issues - Chapter 19
Problem – jQuery is complaining about stuff: First try to install the ember jQuery addon with ember install @ember/jquery . Then remove jquery ......
Read more >9 Tips To Avoid Cross-Browser Compatibility Issues from the ...
9 Tips To Avoid Cross-Browser Compatibility Issues from the Start · 1.1 1. Validate HTML and CSS · 1.2 2. Maintain Layout Compatibility...
Read more >Wall of browser bugs · Bootstrap 3.3.6 Documentation
Browser(s) Summary of bug Upstream bug(s)
Firefox.table‑bordered with an empty is missing borders. Mozilla bug #1023761
Firefox max‑width: 100%; doesn't work inside tables. Mozilla bug...
Read more >Bootstrap compatibility issue on IE10 - Stack Overflow
There is a known issue with the Bootstrap Modal on IE 10: See Here. It should work if you remove 'fade' class from...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
perfect 😄 moving it to main wooohooo
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!