search

creativetimofficial / ct-black-dashboard-pro-angular

Black Dashboard PRO Angular - Premium Bootstrap 4 Angular Admin Template
https://demos.creative-tim.com/black-dashboard-pro-angular/
8 stars 8 forks source link

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

Open telco2011 opened 3 years ago

telco2011 commented 3 years ago

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

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 commented 3 years ago

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 commented 3 years ago

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.

https://user-images.githubusercontent.com/3685073/126474472-04db278d-4433-4ef4-91ad-8b86bd13e1c7.mp4

Thanks Regards

telco2011 commented 3 years ago

Hi @rarestoma

Have you had time to check my video?

Regards

rarestoma commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

Hi @telco2011,

Did you try this fix: https://github.com/creativetimofficial/ct-black-dashboard-pro-angular/issues/7?

Best regards, Rares

telco2011 commented 3 years ago

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 commented 2 years ago

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