Bootstrap Modal with form issue

Question

I have a modal which contains a rather long form field. All regular code according to react-Bootstrap.

When I Enter text (start typing) in a text field, the Modal body is jumping. As if the Modal is trying to force the text field into view?

How can I prevent this?

I had a similar problem and i solved it changing bootstrap to version `4.0.0-beta` with `npm install bootstrap@4.0.0-beta`. Maybe it helps you too. — Alberto, Jun 05 '18 at 14:43
So do I need to remove my version of Bootstrap first? How do I do this? Uninstall it I mean. — Mads, Jun 05 '18 at 14:44
I’ll try it. But it seems Bootstrap 3 also had this issue of “force focusing” text fields onChange events. — Mads, Jun 05 '18 at 14:45
No, just run the command `npm install bootstrap@4.0.0-beta` to get that specific version. Check before that in your `package.json` which version you have now in case you want to return to that version. — Alberto, Jun 05 '18 at 14:45
The issue can be seen accessing this page from a mobile device. https://codepen.io/AlecSPb/pen/qOobzK — Mads, Jun 05 '18 at 14:57

score 0 · Answer 1 · answered Jun 05 '18 at 15:16

0

Hmmm. When I type in the first text field (mobile vertical) it looks like this???

answered Jun 05 '18 at 15:16

Mads

score 0 · Accepted Answer · answered Jun 08 '18 at 14:23

0

I changed my design so I no longer use Modal. Been trying to fix this for ages. Now it works :)

answered Jun 08 '18 at 14:23

Mads

2 Answers2