No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    buttons are not properly rendered when going back into history

    Help
    2
    6
    1672
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      MusicForMellons last edited by MusicForMellons

      When I open the page buttons are fine:
      1_1484596070625_Screenshot from 2017-01-16 20-45-01.png 0_1484596070624_Screenshot from 2017-01-16 20-44-47.png

      When I go to another url and then return hitting the browser’s go back button I get not properly rendered buttons:
      1_1484596150355_Screenshot from 2017-01-16 20-45-30.png 0_1484596150355_Screenshot from 2017-01-16 20-45-22.png

      When I refresh they are fine again. What is going on?

      1 Reply Last reply Reply Quote 0
      • rstoenescu
        rstoenescu Admin last edited by

        Some browser issue? Can you post a repo with a barebones example?

        1 Reply Last reply Reply Quote 0
        • M
          MusicForMellons last edited by

          Mmmh in Firefox (instead of Chrome) the old page remains in view although the url changes inline with going back in history. Looks like it is not refreshing or something. Any idea (before I post a repo…)?

          1 Reply Last reply Reply Quote 0
          • rstoenescu
            rstoenescu Admin last edited by

            Must be a misuse of vue-router somewhere within your app.

            1 Reply Last reply Reply Quote 0
            • rstoenescu
              rstoenescu Admin last edited by rstoenescu

              Hi,

              Seems like child.vue (from your app) CSS line 77 breaks buttons:

              button
              min-height 0 !important
              border-radius 0 !important

              If you need that style on a certain button, use a more specific selector in child.vue.

              Cheers,
              Razvan

              1 Reply Last reply Reply Quote 1
              • M
                MusicForMellons last edited by

                Works! Thanks!

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post