-
-
Notifications
You must be signed in to change notification settings - Fork 3.6k
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
Drawer links not working in history mode #153
Comments
I'm having the same issue in my browser app. When the drawer is expanded, the router-links are behaving as expected, but when the drawer is in responsive (collapsible) mode, it is impossible to change the component in the nested view. It seems like the link fires, but then immediately changes back when the sidebar goes back to collapsed mode. |
I haven't looked into code, but it may be related to the way how you are 2016-11-02 8:07 GMT+00:00 robbertvc notifications@github.com:
|
Will investigate if this is indeed an issue. |
This would happen for history mode only, right? |
Yes, only in history mode. |
Yes everything is fine with the hash mode. |
@mariaczi the problem occurs with links to simple "views" (i.e. inside the |
@robbertvc and @mariaczi you're right, it only happens when the drawer is not visible (small screen). Interesting... |
Haven't investigated yet, but I bet that it's because drawer close event should be triggered before router-link (subcomponent of drawer-link) changes route. This happens in hash mode but router link Vue implementation breaks this when on history mode. It should have been implemented more consistently. Closing the drawer goes back one step in window history (we need this to be able to close drawer with back button). I'll see for a workaround. Thanks for your feedback all! |
Just curious, when on history mode (only), do you get any errors in the browser console, like the one below?
|
@rstoenescu nope. Tried with Chrome and Firefox but didn't get your error. |
Ok, a fix is on the way. Testing it from all angles. |
Updated the "v2" default starter kit template with some work on history mode as first part of fixing this. quasarframework/quasar-template-default@6d3980f |
will you publish to npm ? 2016-11-03 17:05 GMT+00:00 Razvan Stoenescu notifications@github.com:
|
No need to publish to npm. Latest Quasar CLI (there's been an update to it a few days ago so update it globally) picks up the github repo, and I've just committed to the repo. |
I will test the new |
|
Hi, for me is still not working "quasar-framework": "^0.13.10" history mode is disabled (at least i think, i don't have mode: "history" in the router class) When i click a link of the drawer it works, but as soon i close the sidebar it come back to the original page. This happen only on small screen devices any ideas? EDIT: Working:
Not working: |
Hello, v0.8 is great. But
quasar-drawer-link
are not working within the drawer when the router is inhistory
mode. Withquasar dev
as well as with Firebase hosting (with SPA rewrites to /index.html). Also$router.push(...)
are not working within the drawer. Directrouter-link
from a "view" are working.You can see all this by cloning this example repo: https://github.com/laurentpayot/quasar-layout-spa
Am I doing something wrong?
The text was updated successfully, but these errors were encountered: