Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

InputGroupAddon Broken

See original GitHub issue

Issue description

components: InputGroupAddon
reactstrap version 5.0.0-alpha.3
bootstrap version 4.0.0-beta.2

What is happening?

InputGroupAddon Are broken even in your website

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:7 (1 by maintainers)

Top GitHub Comments

2reactions

supergibbscommented, Jan 9, 2018

reactstrap 5.0.0-alpha.4 is pretty old and is best compatible with bootstrap 4.0-beta. The master branch has quite a few commits to get it working with beta.2 and beta.3 but those aren’t released yet.

Personally I use BS 4.0-beta.2 with reactstrap 5.0.0-alpha.4 and manually fix the few things that break for me. All depends on what components you use. Check http://getbootstrap.com/docs/4.0/migration/ for beta.2/3 breaking changes.

2reactions

xuvcommented, Jan 9, 2018

I still have this issue with:

reactstrap version 5.0.0-alpha.4
bootstrap version 4.0.0-beta.3

using <InputGroupAddon addonType="prepend">$</InputGroupAddon> for example, shows this is the console: Warning: React does not recognize theaddonTypeprop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercaseaddontypeinstead. If you accidentally passed it from a parent component, remove it from the DOM element.