Адаптивная форма Bootstrap не подходит для мультиселекта Kendo

Я использую "адаптивную форму Bootstrap" ( http://www.bootply.com/jrNvaahcOh) и Kendomultiselect ( http://demos.telerik.com/kendo-ui/multiselect/index)

Форма Bootstrap масштабирует всю форму, приспосабливая расположение (и ширину) полей формы в зависимости от размера экрана.

Мой пример работает только с формой: http://jsfiddle.net/52VtD/12239/

Оно делает

  1. Нарисуйте адаптивную форму
  2. Подождите 2 секунды
  3. Активируйте Kendomultiselect (проблема здесь!)

Проблема: Когда есть два столбца полей формы (я предполагаю, что он ломается всякий раз, когда kendomultiselect является самым правым), Kendomultiselect портит "поток" дизайна -> Кажется, следующий элемент get отбрасывается из своего правильного размещения и не там, где так должно быть.

Код кендо, который активирует простой выбор HTML,

$("#food").kendoMultiSelect().data("kendoMultiSelect");

... текущая настройка с таймаутом в 2 секунды, чтобы показать эффект в моем примере.

Кто-нибудь может указать, почему это происходит? Я могу только предположить, что css Bootstrap имеет проблемы с css Кендо.

0 ответов

Другие вопросы по тегам