Skip to content

Conversation

@dobrinyonkov
Copy link
Contributor

@dobrinyonkov dobrinyonkov commented Jan 6, 2026

Description

Adds a fieldLoading property to ui5-search-field that displays a loading indicator during async search operations.

Changes

  • SearchField component: Added fieldLoading boolean property (default: false)
  • Collapsed mode: Shows loading state on the search button
  • Expanded mode: Activates BusyIndicator wrapper around the input field
  • Tests: Added Cypress tests covering both collapsed and expanded modes
  • Documentation: Added "Loading State" sample demonstrating async search with 2-second delay
  • Test pages: Added interactive examples to SearchField.html and Search.html

Use Case

When performing async search operations (API calls, database queries), developers can now indicate loading state to users:

searchField.addEventListener('ui5-search', async () => {
    searchField.fieldLoading = true;
    const results = await fetchSearchResults(searchField.value);
    searchField.fieldLoading = false;
});

@dobrinyonkov dobrinyonkov reopened this Jan 6, 2026
@ui5-webcomponents-bot
Copy link
Collaborator

ui5-webcomponents-bot commented Jan 6, 2026

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview January 6, 2026 12:15 Inactive
@dobrinyonkov dobrinyonkov force-pushed the search-field-loading-prop-wrapped branch from 6aa3c2c to 861f5c0 Compare January 6, 2026 12:16
@dobrinyonkov dobrinyonkov force-pushed the search-field-loading-prop-wrapped branch from 861f5c0 to 1e4deb9 Compare January 6, 2026 12:17
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview January 6, 2026 12:23 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview January 6, 2026 12:43 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview January 7, 2026 07:39 Inactive
@dobrinyonkov dobrinyonkov requested a review from MapTo0 January 7, 2026 12:35
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.

5 participants