diff --git a/src/components/views/All.jsx b/src/components/views/All.jsx index 9ea8d57d..48d2d0c6 100755 --- a/src/components/views/All.jsx +++ b/src/components/views/All.jsx @@ -868,14 +868,14 @@ const All = () => {
{}} key={`r-pm-${index}`} className="quotelink" ref={el => { - quoteRefs.current[shortParentCid] = el; + quoteRefs.current[reply.cid] = el; }} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onMouseOver={(event) => { event.stopPropagation(); handleQuoteHover(reply, shortParentCid, () => { setOutOfViewCid(reply.parentCid); - const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); + const rect = quoteRefs.current[reply.cid].getBoundingClientRect(); const distanceToRight = window.innerWidth - rect.right; const distanceToTop = rect.top; const distanceToBottom = window.innerHeight - rect.bottom; @@ -921,14 +921,14 @@ const All = () => { :{}} key={`r-pm-${index}`} className="quotelink" ref={el => { - quoteRefs.current[shortParentCid] = el; + quoteRefs.current[reply.cid] = el; }} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onMouseOver={(event) => { event.stopPropagation(); handleQuoteHover(reply, shortParentCid, () => { setOutOfViewCid(reply.parentCid); - const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); + const rect = quoteRefs.current[reply.cid].getBoundingClientRect(); const distanceToRight = window.innerWidth - rect.right; const distanceToTop = rect.top; const distanceToBottom = window.innerHeight - rect.bottom; diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx index fd9eba2a..77e7f604 100755 --- a/src/components/views/Board.jsx +++ b/src/components/views/Board.jsx @@ -1353,14 +1353,14 @@ const Board = () => {{}} key={`r-pm-${index}`} className="quotelink" ref={el => { - quoteRefs.current[shortParentCid] = el; + quoteRefs.current[reply.cid] = el; }} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onMouseOver={(event) => { event.stopPropagation(); handleQuoteHover(reply, shortParentCid, () => { setOutOfViewCid(reply.parentCid); - const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); + const rect = quoteRefs.current[reply.cid].getBoundingClientRect(); const distanceToRight = window.innerWidth - rect.right; const distanceToTop = rect.top; const distanceToBottom = window.innerHeight - rect.bottom; @@ -1413,14 +1413,14 @@ const Board = () => { :{}} key={`r-pm-${index}`} className="quotelink" ref={el => { - quoteRefs.current[shortParentCid] = el; + quoteRefs.current[reply.cid] = el; }} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onMouseOver={(event) => { event.stopPropagation(); handleQuoteHover(reply, shortParentCid, () => { setOutOfViewCid(reply.parentCid); - const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); + const rect = quoteRefs.current[reply.cid].getBoundingClientRect(); const distanceToRight = window.innerWidth - rect.right; const distanceToTop = rect.top; const distanceToBottom = window.innerHeight - rect.bottom; @@ -1751,14 +1751,14 @@ const Board = () => {{}} key={`mob-r-pm-${index}`} className="quotelink" ref={el => { - quoteRefsMobile.current[shortParentCid] = el; + quoteRefsMobile.current[reply.cid] = el; }} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onMouseOver={(event) => { event.stopPropagation(); handleQuoteHover(reply, shortParentCid, () => { setOutOfViewCid(reply.parentCid); - const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect(); + const rect = quoteRefsMobile.current[reply.cid].getBoundingClientRect(); const distanceToRight = window.innerWidth - rect.right; const distanceToTop = rect.top; const distanceToBottom = window.innerHeight - rect.bottom; @@ -1811,14 +1811,14 @@ const Board = () => { :{}} key={`mob-r-pm-${index}`} className="quotelink" ref={el => { - quoteRefsMobile.current[shortParentCid] = el; + quoteRefsMobile.current[reply.cid] = el; }} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onMouseOver={(event) => { event.stopPropagation(); handleQuoteHover(reply, shortParentCid, () => { setOutOfViewCid(reply.parentCid); - const rect = quoteRefsMobile.current[shortParentCid].getBoundingClientRect(); + const rect = quoteRefsMobile.current[reply.cid].getBoundingClientRect(); const distanceToRight = window.innerWidth - rect.right; const distanceToTop = rect.top; const distanceToBottom = window.innerHeight - rect.bottom; diff --git a/src/components/views/Subscriptions.jsx b/src/components/views/Subscriptions.jsx index 9bad3885..7cb72830 100755 --- a/src/components/views/Subscriptions.jsx +++ b/src/components/views/Subscriptions.jsx @@ -875,14 +875,14 @@ const Subscriptions = () => {{}} key={`r-pm-${index}`} className="quotelink" ref={el => { - quoteRefs.current[shortParentCid] = el; + quoteRefs.current[reply.cid] = el; }} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onMouseOver={(event) => { event.stopPropagation(); handleQuoteHover(reply, shortParentCid, () => { setOutOfViewCid(reply.parentCid); - const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); + const rect = quoteRefs.current[reply.cid].getBoundingClientRect(); const distanceToRight = window.innerWidth - rect.right; const distanceToTop = rect.top; const distanceToBottom = window.innerHeight - rect.bottom; @@ -928,14 +928,14 @@ const Subscriptions = () => { :{}} key={`r-pm-${index}`} className="quotelink" ref={el => { - quoteRefs.current[shortParentCid] = el; + quoteRefs.current[reply.cid] = el; }} onClick={(event) => handleQuoteClick(reply, shortParentCid, event)} onMouseOver={(event) => { event.stopPropagation(); handleQuoteHover(reply, shortParentCid, () => { setOutOfViewCid(reply.parentCid); - const rect = quoteRefs.current[shortParentCid].getBoundingClientRect(); + const rect = quoteRefs.current[reply.cid].getBoundingClientRect(); const distanceToRight = window.innerWidth - rect.right; const distanceToTop = rect.top; const distanceToBottom = window.innerHeight - rect.bottom;