0

I'm using Kendo Mobile and am testing a modal view out. My goal is to have the height of the modal view auto resize to the contents within it.

Here is what I currently have:

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

This works as expected on all the mobile browsers I've tested (Android 2.3 stock browser, Firefox, Dolphin)... except Opera Mobile. I know Opera isn't claimed to be fully supported, but does anyone have a clue as to why the inline height value isn't being respected the same in Opera Mobile? All I see with Opera Mobile is a very thin strip of a modal view.

I am using the latest Kendo UI Mobile, Jquery, and Opera Mobile browser for Android 2.3.

Thank you

4

3 に答える 3

1

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-22T20:30:04.283 に答える
1

Kendo UI Mobile は、Opera Mobile をサポートしているとは主張していません。これにはいくつかの理由があります - フレックスボックス (現在は最新の Opera でサポートされています)、タップ アウトラインを削除できないこと、CSS トランジション/トランスフォームのパフォーマンスがひどいことです。

于 2013-02-07T06:03:54.313 に答える