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

    QSelect performance with >500 entries

    Help
    3
    3
    553
    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.
    • arjanski
      arjanski last edited by arjanski

      Hey Quasar folks,

      0_1528473098496_CapturFiles-08-51-2018_05.51.07.png

      We are using the formidable QSelect component to create a facet search type of UI. Our issue only is performance: Whenever the entries inside the QSelect popover exceed >500 entries, there is a noticable lag until the popover appears (see this screencast video). The data is server-fetched on mount, not loaded on-fly.

      This becomes critical with entries above >1000. Since there is no feedback for the user (loading spinner, anything) after the click on the select element, usability really suffers.

      • Is there a way to a) enhance performance or b) include a loading state?
      • If b), a loading spinner (or something similar) would be great inside an already open popover.

      Does anyone have an idea on how to achieve this? It would be very much appreciated!

      Thanks a lot,
      Arjan

      1 Reply Last reply Reply Quote 0
      • L
        luis.gilbert last edited by

        Hi!

        I have the same scenario. Did you find a solution to this performance issue?

        1 Reply Last reply Reply Quote 0
        • s.molinari
          s.molinari last edited by

          Not sure if it would help on the performance, but try to use the QAutocomplete over a QInput, instead of using the filter feature of the QSelect.

          Scott

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