Я столкнулся с некоторой ошибкой в chrome. Во вложенном flex, где элементы добавляются с использованием jQuery, макет не отображается должным образом, пока какой-либо параметр css не будет включен или выключен в инструментах разработки. Я не нашел способ скопировать флажок dev tools в коде. Изменение css с помощью javascript ничего не делает (я пробовал jQuery.css(), elem.style, jQuery.addClass() и добавляю тег style к голове).
Я попытался решить этот вопрос без удачи:
Почему Chrome неправильно обрабатывает элементы flexbox, добавленные с помощью jQuery?
Единственный способ сделать так, чтобы он выглядел правильно, - это изменить параметры в инструментах разработчика или развернуть / свернуть окно Chrome. Мне все равно, если решение хакерское, я просто хочу, чтобы оно работало в Chrome. Другие браузеры отображаются нормально.
Я приложил изображения, которые отображают, что происходит, когда я отключаю и включаю ширину тела в инструментах разработки.
