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

Multiple inputs in a query can cause render flicker #2454

Open
ItsMeBrianD opened this issue Aug 20, 2024 · 0 comments
Open

Multiple inputs in a query can cause render flicker #2454

ItsMeBrianD opened this issue Aug 20, 2024 · 0 comments
Assignees

Comments

@ItsMeBrianD
Copy link
Member

When multiple inputs are used in a single query, and they are modified in quick succession, this can cause the query to quickly move through different states, especially when they are cached.

Example Query:

SELECT
    '${inputs.one}' as a,
    '${inputs.two}' as b
    '${inputs.three}' as c

Input store updates are atomic (e.g. one update = one modified input value), so if all 3 inputs here are modified, the query will go through each state, briefly. We attempt to mitigate this by using createReactive, which includes change indexing. The observed behavior is actually that the queries are pulled from the cache, so they are already fetched, and the change indexing isn't applicable.

Debouncing is one potential option but we need to make sure that doesn't introduce perceived latency because all query updates will now be delayed by that amount (unless a leading debounce is used)

@ItsMeBrianD ItsMeBrianD self-assigned this Aug 20, 2024
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

1 participant