The sidebar toggle doesn’t work properly on 12.9" iPad

[walkccc]

Description

The sidebar toggle cannot unfold on 12.9" iPad unless I long pressed it.

Expected behavior

The sidebar toggle can unfold properly like on a laptop or desktop when I press the menu directory.

Actual behavior

When I long pressed it, the sidebar doesn't unfold. If I long press it(try to make it accent), then press it, it squeezed together. Like this:

Steps to reproduce the bug

1. [First step]
2. [Second step]
3. [and so on...]

Package versions

• Python: python --version
• MkDocs: mkdocs --version
• Material: pip show mkdocs-material | grep -E ^Version

Project configuration

The contents of your mkdocs.yml

System information

• OS: iOS 11.2.6
• Browser: Safari/Chrome

My iPad is 12.9 inches.

[squidfunk]

I'm afraid I cannot really reproduce this error, because I don't have an iPad - can you try to isolate the problem and PR a fix?

[walkccc]

I think this is because of the different behaviors of click and touchstart.
But I can't find where you control the sidebar expanding behavior.
Maybe changing some click to touchstart click and increasing something like this:

var clickEvent = (function() {
    if ('ontouchstart' in document.documentElement === true)
        return 'touchstart';
    else
        return 'click';
})();

will be okay.

It's my personal opinion. Not sure if this is correct.

[squidfunk]

Thanks for your feedback, I'll see what we can do about it.

[walkccc]

Hey, is this in progress?
Thank you!

[squidfunk]

My time is very limited at the moment. I hope I can find some to address the open issues but I cannot say when, I'm sorry.

[szcf-weiya]

Same problem on iPad Pro 12.9.

[squidfunk]

Should be fixed by 4ca20f1.

[szcf-weiya]

Thank you very much! Now it works pretty well!!

[squidfunk]

Great, thanks for testing. I will issue a release with the latest bugfixes.