Settings navigation: selected category out of viewable range after select

[j-ed]

Expected behavior

If you navigate through the settings menu categories, the last selected category should always be shown on the screen.

Current behavior

If you open the setting menu the available Personal and Administration categories are shown on the left part of the screen. If you now scroll down and select e.g. the category Administration - Logging the relevant content is correctly show on the right part of the screen but the menu itself is refreshed so that the previously selected category cannot be seen anymore.

Steps to reproduce

1. Open the settings menu.
2. Scroll down the menu and select the category Administration - Logging.
3. The relevant content is correctly shown but the selected category itself is not viewable anymore because the menu is refreshed.

Environment

Server Configuration

OS: Linux 3.16.60
Web server: Apache2 2.4.37
Database: MariaDB 10.2.18
PHP version: 7.2.13
Nextcloud version: 15.0.0

Client Configuration

Browser: Mozilla Firefox 64.0
Operating system: Windows 10

[violoncelloCH]

you mean that the settings category menu is scrolled to the top after refresh even though an element at the bottom is selected?

[j-ed]

@violoncelloCH Yes, that's exactly what I meant.

[violoncelloCH]

cc @nextcloud/designers what do you think? could someone of you take a look at this?

[jancborchardt]

Totally agree with the issue. It seems something we might need JS for? @nextcloud/javascript

• either the scroll position should be remembered on refresh
• or the list should be scrolled so the selected element is vertically centered

[christophehenry]

I'd like to take this issue. I' fumbled through the xode yesterday but I don't get everything yet. The Vue code seems intrcated with the legacy code. So I may ask a few questions if you're ok.