[Bug] Sidebar is not working fine in iPad mini and iPad PRO

[telco2011]

Version

1.2.0

Reproduction link

https://demos.creative-tim.com/black-dashboard-pro-angular/#/dashboard

Operating System

iOS

Device

iPad

Browser & Version

Chrome, last version

Steps to reproduce

• In an iOS device as iPad mini 4 and iPad PRO, the sidebar is not working fine when it touch to open, close, dropdown an item or select any.
• Also, when seems to work, the response is very slow, sometime it takes more than 10 seconds to open the sidebar.

What is expected?

Due to the theme is fully responsive, it is expected to work in all devices and desktop and now, it seems that the sidebar is not working for iOS devices.

What is actually happening?

Fully responsive response.

---

Solution

Additional comments

I have been doing some tests in the sidebarOpen and sidebarClose method to try to improve the behavior using hammerjs and it seems, using this framework the application is able to manage all touch events better but I think the problem could be in the css.

[rarestoma]

Hi @telco2011,

Thank you for working with our products.

I just tested it now on Ipad Air 2 with Software Version v13.2.3 and it works fine on my side. Can you please send me a video so I can see exactly what happens on your side?

Best regards,
Rares

[telco2011]

Hi @rarestoma

I attach a video with my problem in iPad mini. The close button seems not to work and also, the sidebar links work a little bit slow.

BlackDashboadSidebarProblem.mp4

Thanks
Regards

[telco2011]

Hi @rarestoma

Have you had time to check my video?

Regards

[rarestoma]

Hi @telco2011,

Yes, I tried to replicate it but with no success. Can you please connect your tablet to the laptop and see what errors do you get so I can try to fix it?

Best regards,
Rares

[telco2011]

Hi @rarestoma,

I have use the inspect tab inside chrome in my iPad and I have seen no javascript errors. Could be problem of the CSS? Maybe it is lazy to work?

Regards

[rarestoma]

Hi @telco2011,

It can be from a CSS problem, maybe there is an overlay that doesn't permit click on the collapse button. I will still do some tests today to see if I can reproduce any issue of this kind.

Thank you,
Rares

[rarestoma]

Hi @telco2011,

Did you try this fix: #7?

Best regards,
Rares

[telco2011]

Hi @rarestoma

Yes, I have already applied the fix in my code.

Also, I am doing another tests using Android (Samsung Galaxy Tab A7) and iOS (iPad PRO & iPad mini 4) and seems to work fine in Android and desktop but not in iOS.

Regards

[telco2011]

Hi. I have done a workaround removing the side bar and adding a custom top bar.