Ngx-admin: Sidebar scrolling not working properly on iOS Safari

Created on 6 Mar 2019  路  4Comments  路  Source: akveo/ngx-admin

Issue type

I'm submitting a ... (check one with "x")

  • [ X ] bug report
  • [ ] feature request
  • [ ] question about the decisions made in the repository

Issue description

Current behavior:
Dear Ngx-Admin Team, we really like your work, and thank You for your contribution and we would like to introduce it in one of our project.
The sidebar menu scrolling is not working properly on iOS Safari. Unfortunately we cannot ignore users with Safari :(

Expected behavior:
It would be good to experience the same behavior as on Chrome, Firefox, etc. So when I scroll on sidebar menu it will only scroll on that one, not on the background underneath the sidebar.

Steps to reproduce:
Context: ngx-admin demo content, nothing source code modification. Basically this can be experienced when we open Your demo page as well:
When I open the sidebar with the hamburger menu, the sidebar opens it properly, but the touch scroll is "active" on the background underneath thus scrolling the body. When i expand a menu in the sidebar I can finally scroll within the sidebar menus, but when I scroll down to the bottom of the sidebar the Safari elastic feature comes in picture, and again afterwards scrolling on the sidebar is "active" on the background underneath so once again i cannot scroll within the sidebar menus

Related code:
On iOS Safari
https://akveo.com/ngx-admin/

Other information:

IOS 12.1.4.
Safari

Angular, Nebular

As in the demo:
"@angular/core": "^7.0.3",
"@nebular/theme": "3.1.0",

Thank you very much in advance for your assistance.

important bug

Most helpful comment

Dear Ngx-Admin Team or @yggg,
Can you provide any update on this issue?
As we have tight project-deadlines as well, it is important to know whether we can use Ngx-Admin in our project or we should search for another solution due to this significant wrong behavior on Safari.

Thank You in advance!

All 4 comments

Dear Ngx-Admin Team or @yggg,
Can you provide any update on this issue?
As we have tight project-deadlines as well, it is important to know whether we can use Ngx-Admin in our project or we should search for another solution due to this significant wrong behavior on Safari.

Thank You in advance!

Open the dashboard page on iOS safari, quickly scroll down to the bottom, and when scrolling close to the footer, it bounces back. You need to scroll down again to see the contents of the footer. At this point, scroll up quickly, and you'll find that you've bounced back before you scroll to the top of the page. This problem can be serious if your page content is just a little more than a screen.

Dear Ngx-Admin Team or @yggg,
Can you provide any update on this issue?
As we have tight project-deadlines as well, it is important to know whether we can use Ngx-Admin in our project or we should search for another solution due to this significant wrong behavior on Safari.

Thank You in advance!
@pnorbi1 did you fix it?

So is this problem still valid? I'm sorry to hear that!
@vinayak12 unfortunately no, we had to look for other solutions as we didn't receive any fix/solution and we had to move forward. Hope Ngx-Admin Team will have some answers after a year for further users who aim to use this package.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

burtonator picture burtonator  路  3Comments

dreamerleolioa picture dreamerleolioa  路  4Comments

argnist picture argnist  路  4Comments

fabltd picture fabltd  路  3Comments

pulfabio picture pulfabio  路  4Comments