Skip to content

fix(web): disable select inputs and show loading state during async fetch - #148

Merged
ladparth merged 2 commits into
mainfrom
fix/select-disabled-typing
May 18, 2026
Merged

fix(web): disable select inputs and show loading state during async fetch#148
ladparth merged 2 commits into
mainfrom
fix/select-disabled-typing

Conversation

@ladparth

Copy link
Copy Markdown
Contributor

Description

This PR fixes a bug in the select form component where typing was allowed while the field was in a loading state (isLoading === true). This mismatch caused autocomplete matching to break once the new options finished loading.

It also introduces a soft, visually elegant pulsating background animation (animate-pulse bg-muted/40) and changes the placeholder text dynamically to "..." while options are loading, providing a premium, language-neutral visual loading cue.

Key Changes

Docs / Web (apps/web)

  • Disabled both single and multi-select input elements (ComboboxChipsInput and ComboboxInput) when isLoading is true.
  • Changed single and multi-select placeholders dynamically to "..." during load to avoid translation overhead.
  • Added smooth pulsating container classes (animate-pulse bg-muted/40) to ComboboxChips and ComboboxInput during loading state.
  • Rebuilt the shadcn registry.

Type of change

  • fix (Bug fix)

Related Issues

@vercel

vercel Bot commented May 18, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
buzzform Ready Ready Preview, Comment May 18, 2026 7:49pm

@ladparth ladparth self-assigned this May 18, 2026
@ladparth
ladparth merged commit 3444c23 into main May 18, 2026
3 checks passed
@ladparth
ladparth deleted the fix/select-disabled-typing branch May 18, 2026 19:52
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

Successfully merging this pull request may close these issues.

[BUG] Select form component with 'data-disabled` allows typing and do not show the matches

1 participant