balm-ui icon indicating copy to clipboard operation
balm-ui copied to clipboard

Scroll issue when using tabs in Single Page Appplication

Open MarcoTroost opened this issue 1 year ago • 0 comments

Development Relevant Information:

  • BalmUI version: 10.12.0
  • Browser: Chrome
  • Vue version: 3.2.38

Description:

I'm using<ui-tabs> in a vue component in a single page application that uses vue-router. The problem is thatmdc-tab-bar seems to hijack the app's scroll position, so that it is exactly set at the middle of the viewport (with the first tab focused).

Schermafbeelding 2022-10-04 om 14 03 57

Expected behavior is that that the tab won't receive focus and will certainly not hijack the scroll position.

Any help is greatly appreciated!

kind regards, Marco

MarcoTroost avatar Oct 04 '22 12:10 MarcoTroost