js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes #160

Browse Source
This commit is contained in:
Cory LaViska
2020-08-05 13:56:47 -04:00
parent b15a12d4e1
commit b27fc01118
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/details/details.tsx
View File

@@ -65,8 +65,7 @@ export class Details {
// Show on init if open
if (this.open) {
this.body.style.height = 'auto';
this.body.style.overflow = 'visible';
this.show();
}
}
@@ -83,8 +82,15 @@ export class Details {
return false;
}
this.body.style.height = `${this.body.scrollHeight}px`;
this.body.style.overflow = 'hidden';
if (this.body.scrollHeight === 0) {
// When the scroll height can't be measured, use auto. This prevents a borked open state when the details is open
// intiially, but not immediately visible (i.e. in a tab panel).
this.body.style.height = 'auto';
this.body.style.overflow = 'visible';
} else {
this.body.style.height = `${this.body.scrollHeight}px`;
this.body.style.overflow = 'hidden';
}
this.open = true;
}