#community-help

RangeSlider Widget Slowing Down UI with Large Value

TLDR Sachyya reported slowness in their UI due to a large maximum value in the RangeSlider widget, but Jason couldn't identify the issue themselves.

5mo

Join the chat

May 05, 2023 (5 months ago)

Photo of md5-3b78e17280dd19e5eca44e22ee940b76

Sachyya

06:46 AM

Hello, we have a prices field in schema which is float[] and rendering this in RangeSlider widget. But the value for maxmimum is too hight in this case: 82280000. Due to this, the whole interface is kind of slow to interact. Is there a limit for rangeSlider widget.
https://pro3.luxofood.com/shop/

Photo of md5-8813087cccc512313602b6d9f9ece19f

Jason

04:28 PM

May I know how you identified that it’s that widget that is causing any slow downs?

04:29

Jason

04:29 PM

I don’t notice any slowness in the UI myself btw

04:29

Jason

04:29 PM

> Is there a limit for rangeSlider widget.
Do you mean only show products with a max price by default?

Typesense

Lightning-fast, open source search engine for everyone | Knowledge Base powered by Struct.AI

Indexed 2786 threads (79% resolved)

Join Our Community Manage subscription

Similar Threads

React Instant Search Range Slider Issue and Alternative Solutions

Lukas voiced concerns and issues regarding React instant search range slider. Jason suggested a custom range slider, custom code, and using typesense-js directly as potential alternatives and solutions.

17mo

Setting dynamic range faceting in Typesense

Jacob requested dynamic range faceting in Typesense, and explanation for fetching max/min values. Kishore Nallan clarified pricing bucket sizes were user dependent and explained the stats return as part of facet results.

1mo

Range Filtering and Faceting Discussion

Phil asked about the requirements for range filtering, which Jason explained does not always require faceting. Discussion about different possibilities with Algolia and Typesense ensued, resulting in Phil successfully utilizing the 'Configure' widget.

26mo