This topic is: not resolved

This topic contains 6 replies, has 3 voices, and was last updated by Magda Magda 2 months ago.

[BUG] Menu height on iOS 10.3.2

  • Post count: 3

    I appreciate this plugin is very old and you must be getting tired of supporting it!

    Recently, I updated my iPad/iPhone to iOS 10.3.2. Since doing so, the height of the parent class (specified in “myClass”) is calculating the height of my menu incorrectly (making it larger).

    It’s a strange bug;

    • It only happens on initial page load, for example if I click the logo of my website – the bug does not show. It only shows when you visit the page for the first time, or refresh the page
    • The height gets bigger the more nav items you add
    • Doesn’t matter if the menu has sub menus or not

    The bug does not show on desktop devices, or desktop emulators – you’ll have to view on iPhone or iPad.

    Hoping you can help.

    Post count: 3

    Just to clarify – view on iphone or ipad in portrait mode

    Hadi
    Post count: 691

    Hello,

    Thank you for contacting us at our support forum.

    Our team will try to recreate this problem that is happening on your website.

    We will come back to you with more information.

    Best Regards,
    Hadi

    Magda
    Post count: 12728

    Hello!

    Unfortunately I wasn’t able to recreate this problem on our demo. Could you please provide us with FTP credentials so we will be able to check the problem there? Just please make sure to send them as private reply so only our support theme will see it.

    Also to make sure if we are checking the problem correctly – the issue is created in the main template menu on the english version of the site yes? (img)

    Also, could you please provide us with the image of the problem you are having on the iPad or iPhone – it would help us a lot! 🙂

    Best regards,
    Magda

    Post count: 3

    Thanks for the message Magda.

    You won’t be able to recreate the problem on your demo, as your pages are not optimised for mobile devices – they simply render as full sized web pages (they are not responsive).

    I can’t provide you with FTP access – the fix should be somewhere in the drill down JS. All my assets are compiled (JS/CSS) so this will make things harder.

    The bug can be seen when you go to the URL I provided you (this defaults to the english version of the site).

    On initial page load, or page refresh, when you trigger the mobile nav on an iPhone or iPad running iOS 10.3+, the div that drill down JS sets a height on, is calculated incorrectly.

    https://www.dropbox.com/s/ksmj7k7p7hr9u1a/withGap.jpg?dl=0

    In the screenshot above, the height is incorrect by an additional 25px.

    If you drill down into a sub menu, or if you click on a link in the mobile nav and trigger the mobile nav again, the height of the div (which is set by drill down js) is set correctly.

    https://www.dropbox.com/s/z4fkvd3x36x6lt9/noGap.jpg?dl=0

    If I have just 3 top level nav items, I get no bug. When I add more top level nav items, the bug appears. If I add 20 top level nav items, the bug also appears with a larger incorrect height value.

    Post count: 3

    Morning Magda – any update?

    Magda
    Post count: 12728

    Hello!

    We tested this issue and the problem isn’t created by our plugin but by a bug in the latest version of iOS that is calculating the height incorrectly.

    Best regards,
    Magda

You must be logged in to reply to this topic.