search

SAP / openui5

OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice.
http://openui5.org
Apache License 2.0
2.96k stars 1.24k forks source link

Overlapping the `sap.tnt.SideNavigation` sidebar in mobile mode #3428

Open pubmikeb opened 2 years ago

pubmikeb commented 2 years ago

OpenUI5 version: 1.98.0

Currently, when expanding sap.tnt.SideNavigation in the mobile mode the sidebar shifts the view content aside:

W2c9c

2GZj1

While usually the sidebar menu overlaps the content, at least that's how it does work in any mobile app.

Is there any property, which can specify the way the sidebar behaves (shifts/overlaps) in the mobile mode? If there is no such property yet, then it would be great to add such one.

nnaydenow commented 2 years ago

Hi @pubmikeb,

Could you please check this sample: https://sapui5.hana.ondemand.com/#/entity/sap.f.ShellBar/sample/sap.f.sample.ShellBarWithSplitApp and confirm that reported issue could be observed there.

Regards, Nayden

pubmikeb commented 2 years ago

Hi @pubmikeb,

Could you please check this sample: https://sapui5.hana.ondemand.com/#/entity/sap.f.ShellBar/sample/sap.f.sample.ShellBarWithSplitApp and confirm that reported issue could be observed there.

Hi @nnaydenow, yes it can be reproduced there:

10_152816

10_152853

nnaydenow commented 2 years ago

Hi @pubmikeb,

Thanks for confirmation. Internal reference: 2280008841.

Regards, Nayden

olannyv commented 2 years ago

Hi @pubmikeb,

We have a bigger visual design and behavior specification update (that covers also your issue). Such refactoring is planned and according to priority would be implemented in due month(s).

pubmikeb commented 2 years ago

Hi @olannyv,

thanks a lot for the update! It sounds promising, so we're waiting for the further info, roadmap and previews.

pubmikeb commented 2 years ago

BTW, if we're talking about bigger visual design and behavior specification update, is there any chance that the updated specification will include the hiding of navigation side bar upon the click on any place outside of the side bar? Such behavior is especially important for the proper UX on mobile, where it is more convenient to hide a sidebar by clicking on any empty space rather then just targeting the proper "hamburger"-button.

flovogt commented 2 years ago

This issue will be covered in backlog item BGSOFUIRODOPI-2703.