simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extract out the fancy selector string

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-28 16:21:32 +08:00
parent 0599c0d2c9
commit 173728536a
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/pages/status.jsx
View file

@ -60,6 +60,12 @@ const scrollIntoViewOptions = {
behavior: 'smooth', behavior: 'smooth',
}; };
// Select all statuses except those inside collapsed details/summary
// Hat-tip to @AmeliaBR@front-end.social
// https://front-end.social/@AmeliaBR/109784776146144471
const STATUSES_SELECTOR =
'.status-link:not(details:not([open]) > summary ~ *, details:not([open]) > summary ~ * *), .status-focus:not(details:not([open]) > summary ~ *, details:not([open]) > summary ~ * *)';
function StatusPage(params) { function StatusPage(params) {
const { id } = params; const { id } = params;
const { masto, instance } = api({ instance: params.instance }); const { masto, instance } = api({ instance: params.instance });
@ -555,12 +561,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
); );
const activeStatusRect = activeStatus?.getBoundingClientRect(); const activeStatusRect = activeStatus?.getBoundingClientRect();
const allStatusLinks = Array.from( const allStatusLinks = Array.from(
// Select all statuses except those inside collapsed details/summary scrollableRef.current.querySelectorAll(STATUSES_SELECTOR),
// Hat-tip to @AmeliaBR@front-end.social
// https://front-end.social/@AmeliaBR/109784776146144471
scrollableRef.current.querySelectorAll(
'.status-link:not(details:not([open]) > summary ~ *, details:not([open]) > summary ~ * *), .status-focus:not(details:not([open]) > summary ~ *, details:not([open]) > summary ~ * *)',
),
); );
console.log({ allStatusLinks }); console.log({ allStatusLinks });
if ( if (
@ -593,9 +594,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
); );
const activeStatusRect = activeStatus?.getBoundingClientRect(); const activeStatusRect = activeStatus?.getBoundingClientRect();
const allStatusLinks = Array.from( const allStatusLinks = Array.from(
scrollableRef.current.querySelectorAll( scrollableRef.current.querySelectorAll(STATUSES_SELECTOR),
'.status-link:not(details:not([open]) > summary ~ *, details:not([open]) > summary ~ * *), .status-focus:not(details:not([open]) > summary ~ *, details:not([open]) > summary ~ * *)',
),
); );
if ( if (
activeStatus && activeStatus &&