jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-16 13:56:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Do not hide overflow in expansion panel when expanded (#13423)

Browse Source
This commit is contained in:
Paulus Schoutsen 2022-08-20 14:38:03 -04:00 committed by GitHub
parent 209ba79823
commit 5ecde44243
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ha-expansion-panel.ts
View File

@ -85,11 +85,18 @@ export class HaExpansionPanel extends LitElement {
super.willUpdate(changedProps); super.willUpdate(changedProps);
if (changedProps.has("expanded") && this.expanded) { if (changedProps.has("expanded") && this.expanded) {
this._showContent = this.expanded; this._showContent = this.expanded;
setTimeout(() => {
// Verify we're still expanded
if (this.expanded) {
this._container.style.overflow = "initial";
}
}, 300);
} }
} }
private _handleTransitionEnd() { private _handleTransitionEnd() {
this._container.style.removeProperty("height"); this._container.style.removeProperty("height");
this._container.style.overflow = this.expanded ? "initial" : "hidden";
this._showContent = this.expanded; this._showContent = this.expanded;
} }
@ -103,6 +110,7 @@ export class HaExpansionPanel extends LitElement {
ev.preventDefault(); ev.preventDefault();
const newExpanded = !this.expanded; const newExpanded = !this.expanded;
fireEvent(this, "expanded-will-change", { expanded: newExpanded }); fireEvent(this, "expanded-will-change", { expanded: newExpanded });
this._container.style.overflow = "hidden";
if (newExpanded) { if (newExpanded) {
this._showContent = true; this._showContent = true;