Skip to content

[FEAT] Add overlay prop to Loader component for container-scoped loading state#523

Merged
muli-cohen merged 1 commit into
iguazio:developmentfrom
arturrybalskyy-dev:feat/loader-overlay-prop
Jun 8, 2026
Merged

[FEAT] Add overlay prop to Loader component for container-scoped loading state#523
muli-cohen merged 1 commit into
iguazio:developmentfrom
arturrybalskyy-dev:feat/loader-overlay-prop

Conversation

@arturrybalskyy-dev

Copy link
Copy Markdown
Contributor

📝 Description

Previously, <Loader /> used position: fixed and covered the entire viewport, blocking navigation, filters, and other UI controls during data fetching. This PR adds an overlay prop that scopes the loader to its nearest positioned parent container, allowing users to interact with the rest of the page while content is loading


🛠️ Changes Made

  • Added overlay boolean prop to Loader component
  • Added .overlay-loader CSS class (position: absolute; inset: 0) in loader.scss

✅ Checklist

  • I have given the PR a well-structured title describing the domain and the specific change that was made
  • I tested the changes in the browser (locally or via preview build)
  • I confirmed that existing tests pass
  • I added or updated unit / integration tests (if needed)
  • I checked that this change doesn't introduce new console warnings or lint / formatting errors
  • I updated the relevant Jira ticket with the appropriate details and status

🚨 Potentially Breaking Changes

  • No

🔍 Additional Notes

  • The parent container must have position: relative for overlay to work correctly

@muli-cohen muli-cohen merged commit abfe286 into iguazio:development Jun 8, 2026
4 checks passed
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.

3 participants