У меня есть стандартная форма приложения Rails с вложенными атрибутами. У меня слишком много полей во вложенных атрибутах, поэтому я решил создать модальное окно для них через Bootstrap. Это выглядит примерно так:
<body>
<form>
<div id="modal" class="modal">
modal form input fields
</div>
</form>
</body>
Проблема, с которой я столкнулся, заключается в том, что при рендеринге в браузере я получаю следующее:
<body>
<form>
</form>
<div id="modal" class="modal">
modal form input fields
</div>
</body>
Все модальные дивы перемещаются в конец тело и, следовательно, входные данные не представлены с формой. Модалы работают просто отлично.
После поиска я наткнулся на это (позиция: исправлена):
https://getbootstrap.com/docs/4.0/components/modal/
Не знаю если это связано, но стоит упомянуть. Кто-нибудь еще видел это? Кажется, я не могу найти другую связанную проблему, но могу легко использовать неправильные поисковые термины и т. Д. c.
ОБНОВЛЕНИЕ
Поискивать код BS:
// Move modal to body
// Fix Bootstrap backdrop issue with animation.css
// MOD Keeps the modals in place so you can hide them in a form
$('.modal').appendTo("body");
Теперь - мысли о том, как это предотвратить? Если бы это был один модал, я бы просто переместил его назад. Проблема в том, что у меня несколько модалов (по одному на каждый вложенный атрибут, который может быть> 0). Я могу представить себе эту работу (ie. Перемещая их всех назад), но в идеале подавить это было бы лучше (проще).