Kendo Mobile - Модальный вид, не изменяющий размер до высоты содержимого

Я использую Kendo Mobile и тестирую модальный вид. Моя цель состоит в том, чтобы высота модального вида автоматически изменялась до содержимого внутри него.Kendo Mobile - Модальный вид, не изменяющий размер до высоты содержимого

Вот что я в настоящее время:

<div id="mPopover" data-role="modalview" style="width: 95%; height: auto;"> 
    <div data-role="content"> 
     <ul data-role="listview"> 
      <li>...</li> 
      . 
      . 
      . 
     </ul> 
    </div> 
</div>

Это работает, как ожидалось на всех мобильных браузерах я проверил (Android 2.3 фондовый браузер Firefox, Dolphin) ... кроме Opera Mobile. Я знаю, что Opera не заявляет о полной поддержке, но кто-нибудь знает, почему значение inline height не соблюдается в Opera Mobile? Все, что я вижу с Opera Mobile, - очень тонкая полоса модального вида.

Я использую новейший браузер Kendo UI Mobile, JQuery и Opera Mobile для Android 2.3.

Спасибо

источник

2013-02-06 TAS

Я могу воспроизвести в симуляторе. Я разбудил @mtaylor от его jammys, поэтому, надеюсь, он может остановиться и прокомментировать. Вот вам Бин для Майка. http://jsbin.com/amatad/1 –

Awesome Burke, большое спасибо за то, что снова пришел на помощь! Я надеюсь услышать о жизнеспособном решении в ближайшее время. – TAS

Разобрался твердый обходной путь, который правильно размеров модальные представления с помощью JQuery:

$(window).bind("load", function() {   
    // kendo rendering fix for windows phone 8 and opera mobile 
    // correctly sizes all modal views 
    $("[data-role=\"modalview\"]").each(function() { 
     $(this).height($(this).height()); 
    }); 
});

источник

2013-02-22 20:30:04 TAS

Отличное решение. Я вложил это в app.js, и он отлично работал. – zkent

Кендо UI Mobile не претендует на поддержку Opera Mobile - многое будет нарушена там. Для этого есть несколько причин - flexbox (теперь поддерживается в последней Opera), невозможность удалить контур крана и ужасные переходы/преобразования CSS.

источник

2013-02-07 06:03:54 Bundyo

Я понимаю, и спасибо за комментарий @Bundyo. Я полагаю, что я делал выстрел в темноте с этим, поскольку я решил, что проблема с высотой, которую я испытываю, может быть чем-то тривиальным для решения. – TAS

вызов этого перед вызовом модальный «открытым» по телефону:

$(".km-modalview-wrapper").height('auto');

Также вы должны установить данные-стретч = "true" к модальному виду.

источник

2015-10-10 17:35:35 Jandieg

Kendo Mobile - Модальный вид, не изменяющий размер до высоты содержимого

ответ

Смежные вопросы