Support transitioning between loading and shown

Duncan Uszkay · Duncan Uszkay · commit 1703061caab0 · 2026-04-07T16:28:10.000-04:00
diff --git a/components/backdrop/backdrop-loading.js b/components/backdrop/backdrop-loading.js
@@ -146,6 +146,8 @@ class LoadingBackdrop extends LocalizeCoreElement(LitElement) {
 
 			} else if (changedProperties.get('dataState') !== 'clean' && this.dataState === 'clean') {
 				this.#fade();
+			} else if (changedProperties.get('dataState') === 'loading' && this.dataState === 'dirty') {
+				this._state = 'shown';
 			}
 
 			if (this.dataState === 'loading') {

Original file line number	Diff line number	Diff line change
`@@ -146,6 +146,8 @@ class LoadingBackdrop extends LocalizeCoreElement(LitElement) {`
`146`	`146`
`147`	`147`	`} else if (changedProperties.get('dataState') !== 'clean' && this.dataState === 'clean') {`
`148`	`148`	`this.#fade();`
	`149`	`+ } else if (changedProperties.get('dataState') === 'loading' && this.dataState === 'dirty') {`
	`150`	`+ this._state = 'shown';`
`149`	`151`	`}`
`150`	`152`
`151`	`153`	`if (this.dataState === 'loading') {`