Fix setting navigation item blur

[marcoambrosini]

Solves the first part of this comment: nextcloud/spreed#4195 (review)

Signed-off-by: Marco Ambrosini marcoambrosini@pm.me

[PVince81]

Cleaner code 👍

[danxuliu]

There seems to be an issue with the blur logic:

• Open the AppSettingsDialog component documentation
• Add tens of <div>Some example content</div> to the two AppSettingsSection (so the content is too large and a vertical scroll bar is shown once the AppSettingsDialog is opened)
• Show the settings
• Click on the second header and then quickly click on the first header

The dialog will scroll to the second header and then to the first header. However, the first header is blurred; if instead of quickly clicking the headers you wait a little then the first header will remain highlighted after the scrolling ends.

My quick guess (not verified) by looking at the code is that after the second click is done the timer to restore linkClicked to false ends; as this happens while the scrolling is still on-going the header is blurred.

It would be nice too if, instead of blurring the headers when scrolling, the highlighted header was kept in sync with the first visible section. Although in that case maybe the headers should not be clickable if there is no scroll bar in the content... Anyway, I am just thinking out loud :-P