Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Step content is inserted multiple times when switching from Vertical to Horizontal #2601

Closed
sskwrl opened this issue Sep 21, 2018 · 1 comment
Milestone

Comments

@sskwrl
Copy link
Contributor

sskwrl commented Sep 21, 2018

Software version

Operating System                Windows_NT(10.0.17134) - win32/x64
NodeJs                          8.11.4

Global packages
  NPM                           5.6.0
  yarn                          1.9.4
  quasar-cli                    0.17.19
  vue-cli                       2.9.6
  cordova                       Not installed

Important local packages
  quasar-cli                    0.17.19 (Quasar Framework CLI)
  quasar-framework              0.17.16 (Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase)
  quasar-extras                 2.0.6   (Quasar Framework fonts, icons and animations)
  vue                           2.5.17  (Reactive, component-oriented view layer for modern web interfaces.)
  vue-router                    3.0.1   (Official router for Vue.js 2)
  vuex                          3.0.1   (state management for Vue.js)
  electron                      Not installed
  electron-packager             Not installed
  electron-builder              Not installed
  @babel/core                   7.0.0-beta.54   (Babel compiler core.)
  webpack                       4.19.1  (Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.)
  webpack-dev-server            3.1.8   (Serves a webpack app. Updates the browser on changes.)
  workbox-webpack-plugin        3.5.0   (A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.)
  register-service-worker       1.5.2   (Script for registering service worker, with hooks)

JsFiddle (for Quasar v0.15+ only)

https://jsfiddle.net/sskwrl/hn7mpc0s/76

What did you get as the error?

When I switch the stepper from vertical to horizontal, the contents of the step block are inserted without clearing the existing contents resulting in multiple copies of the nearly same contents. (The down chevrons indicate which were left over from the vertical stepper and the right chevron is the new one. The right chevron is the only one that will actually work when clicked.)

image

What were you expecting?

One copy of the step contents

image

What steps did you take, to get the error?

  1. Create Stepper with vertical set to false
  2. set vertical true
  3. set vertical false <-- This is when the error happens
  4. repeat steps 2 and 3 to see the error multiple times.
@rstoenescu rstoenescu added this to the v0.17.17 milestone Sep 21, 2018
@rstoenescu
Copy link
Member

Fixed in future 0.17.17

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants