#css #bootstrap-4 #blazor #blazor-server-side #popper.js
#css #bootstrap-4 #blazor #blazor-на стороне сервера #popper.js
Вопрос:
В Blazor вы можете загружать содержимое динамически, помещая его в @if блок, а затем выполняя это условие true, например, при нажатии кнопки.
У меня есть выпадающий список Bootstrap, содержимое которого загружается при первом нажатии на выпадающий список. По какой-то причине выравнивание по правому краю не выполняется при первом нажатии кнопки выпадающего списка, но выполняется при каждом последующем нажатии, чтобы открыть его. Что-то в первоначальном рендеринге и в том, что CSS не соблюдается. Я не уверен, почему это происходит.
Вот пример (на стороне сервера Blazor): https://blazorfiddle.com/s/yc5m9rv4
Ответ №1:
Поскольку выпадающий список начальной загрузки отключает пользователя popper.js через это было найдено решение. Bootstrap предоставляет update метод для обновления положения выпадающего списка.
Чтобы решить эту проблему, update метод просто необходимо было вызвать после отображения выпадающего списка.
Вот обновление с этим решением для примера в вопросе: https://blazorfiddle.com/s/t24r1753