agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-15 06:33:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #34936 from overleaf/jel-scroll-to-notification

Browse Source 
[web] Scroll to new notification added above domains table

GitOrigin-RevId: f62851398de3a54ef07c0e125c65a29dd84af6f8
This commit is contained in:
Jessica Lawshe
2026-09-17 11:33:41 +00:00
committed by Copybot
parent f950d8ffde
commit 66671f9bf2
4 changed files with 113 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/frontend/js/shared/components/notification-scrolled-to.tsx
+1 -20
View File
@@ -2,26 +2,7 @@ import Notification, {
NotificationProps,
} from '@/shared/components/notification'
import { useEffect } from 'react'
function elementIsInView(el: HTMLElement) {
const scroll = window.scrollY
const boundsTop = el.getBoundingClientRect().top + scroll
const viewport = {
top: scroll,
bottom: scroll + window.innerHeight,
}
const bounds = {
top: boundsTop,
bottom: boundsTop + el.clientHeight,
}
return (
(bounds.bottom >= viewport.top && bounds.bottom <= viewport.bottom) ||
(bounds.top <= viewport.bottom && bounds.top >= viewport.top)
)
}
import { elementIsInView } from '@/shared/utils/element-in-view'
function NotificationScrolledTo({ ...props }: NotificationProps) {
useEffect(() => {