Q-Stepper not scrolling to the top when going forward/back

[bryanbe]

Good evening. I’ve a small “problem” with the q-stepper. As the topic title says the q-stepper is not scrolling back to the top when clicking the continue or back buttons. Users have to manually scroll to the stop when changing steps. I’ve looked everywhere but couldn’t find an answer. Anyone has a tip on how to achieve this?

Thank you very much

B

[metalsadman]

@bryanbe no ootb implentation of this, i suggest you take a look into scroll utils https://quasar.dev/quasar-utils/scrolling-utils.

[Rusli Cali]

Can you give me sample on qstepper when i go next then it automatically scroll up. Im using a dialog on a stepper not a page. Hope you understand and give me sample. Thanks!

[Rusli Cali]

@metalsadman
next() {

  var element = document.getElementById("top");
  const target = getScrollTarget(element);
  const offset = element.offsetTop;
  const duration = 1000;
  this.$refs.stepper.next();
  setScrollPosition(target, offset, duration);
  console.log("next");
  console.log(target)
},

not working. :’(