Layout footer disappears

2 posts, 0 answers
  1. Alexander
    Alexander avatar
    7 posts
    Member since:
    Feb 2013

    Posted 26 Jul 2013 Link to this post

    Hi,

    I have encountered a very strange behaviour demonstrated by the following code sample:

    <!DOCTYPE HTML>
    <html>
    <head>
        <title></title>
        <meta charset="UTF-8" />
        <script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"></script>
        <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
    </head>
     
    <body>
        <div data-role="view" data-layout="layout_home" id="home">
            <a data-role="button" href="#lernen_auswahl">Lernen</a>
        </div>
     
        <div data-role="view" data-layout="layout_default" id="lernen_auswahl">
            <a data-role="button" href="#lernen1" data-transition="fade">Los 2</a>
        </div>
     
        <div data-role="view" data-layout="layout_lernen" id="lernen1" data-stretch="true">
            Foo!
        </div>
         
        <div data-role="layout" data-id="layout_home">
        </div>
     
        <div data-role="layout" data-id="layout_lernen">
            <div data-role="footer">
                <div data-role="navbar">
                    <p data-align="right">
                        <a data-role="button" href="#home">
                            Home
                        </a>
                    </p>
                </div>
            </div>
        </div>
         
        <div data-role="layout" data-id="layout_default">
            <div data-role="footer">
                <div data-role="navbar">
                    <p data-align="right">
                        <a data-role="button" href="#home">
                            Home
                        </a>
                    </p>
                </div>
            </div>
        </div>
         
        <script src="js/jquery.min.js"></script>
        <script src="js/kendo.mobile.min.js"></script>
     
        <script>
            var app = new kendo.mobile.Application($(document.body), { transition: "slide" });
        </script>
    </body>
     
    </html>
    If you press the buttons 'Lernen', 'Los 2', go Home via the button in the footer, and press 'Lernen', 'Los 2' again, the footer vanishes and there is only a black strip where the footer is supposed to be.

    This can be prevented by either using a different transition than 'fade', which is not an option in my case, or by not setting the default transition in the app initalization.

    As you can see in the code snippet, I am using Phonegap (for Android). My Kendo UI version is 2013.2.716.

    Looking forward to your reply
    Alex
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 29 Jul 2013 Link to this post

    Hi Alex,

    Thank you very much for bringing this to our attention.

    I can agree with you that this is indeed a bug in Kendo UI Mobile. I have logged it as a case and it will be fixed with one of the upcoming builds.

    As a small gesture of gratitude I have updated your Telerik Points balance. 

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top