OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

fix bug linking directly to a specific list

Browse source
This commit is contained in:
Emi Matchu 2020-11-23 13:28:43 -08:00
parent 8068a1d260
commit c1012e57d5
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app/UserItemsPage.js
View file

@ -411,8 +411,18 @@ function ClosetList({ closetList, isCurrentUser, showHeading }) {
return aName.localeCompare(bName);
});
// When this mounts, scroll it into view if it matches the location hash.
// This works around the fact that, while the browser tries to do this
// natively on page load, the list might not be mounted yet!
const anchorId = `list-${closetList.id}`;
React.useEffect(() => {
if (document.location.hash === "#" + anchorId) {
document.getElementById(anchorId).scrollIntoView();
}
}, [anchorId]);
return (
<Box id={`list-${closetList.id}`}>
<Box id={anchorId}>
{showHeading && (
<Heading3
marginBottom="2"