Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Sidebar scrolling not working properly on iOS Safari

See original GitHub issue

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.

Issue Analytics

State:
Created 5 years ago
Comments:6

Top GitHub Comments

5reactions

pnorbi1commented, Mar 17, 2019

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!

0reactions

Janl1commented, Nov 14, 2022

Is there still no official solution to this problem? If I open the demo of nebular at https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-light on an iOS device I have a very poor user experience.

Scrolling in the menu results in scrolling the page in the background which makes navigation on bigger menus nearly impossible.

https://user-images.githubusercontent.com/12115859/201668120-8fb858ac-564d-4592-a330-4121db242195.MOV

Top Results From Across the Web

Youtube Side Bar Scrolling in Safari - Apple Community

I have been experiencing a problem where I cannot scroll up and down on the subscriptions sidebar of Youtube when using Safari.

Can't scroll down in Safari on iPad / iPhone / iPod Touch

If you want to scroll within a frame on a webpage instead of the whole page, you will need to use two fingers...

iPad Safari scrolling causes HTML elements to disappear and ...

Mobile Safari does not render the elements that are offscreen, or sometimes renders erratically, when using -webkit-overflow-scrolling: touch . Unless a ...

Weird scrolling issues on Iphone and Ipad - WordPress.org

Hi. Just faced strange issues with scrolling on Apple mobile devices. Scrolling is randomly stuck. It's becoming “sticky” and won't allow to scroll...

[Solved] Safari for iOS: z-index order bug scrolling a page with ...

Just scroll down until the red square is not touching anymore the orange box, then release the scroll, and scroll back to the...