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

[pubmikeb]

OpenUI5 version: 1.98.0

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

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]

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]

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:

[nnaydenow]

Hi @pubmikeb,

Thanks for confirmation. Internal reference: 2280008841.

Regards, Nayden

[olannyv]

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]

Hi @olannyv,

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

[pubmikeb]

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]

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