Loading video...

Video Failed to Load

Go Home

your modal scrolls. your page scrolls too. that’s scroll chaining. put 𝚘𝚟𝚎𝚛𝚜𝚌𝚛𝚘𝚕𝚕-𝚌𝚘𝚗𝚝𝚊𝚒𝚗 on the scrollable part of the modal and the background won't scroll with your modal

mannupaaji's profile picture

Manu Arora

43,666 subscribers

14,474 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Design Engineering Tip If your modal scrolls like this, you’re probably missing one CSS property: overscroll-behavior: contain; It prevents the page behind the modal from scrolling when users reach the top or bottom.
0:11

Design Engineering Tip If your modal scrolls like this, you’re probably missing one CSS property: overscroll-behavior: contain; It prevents the page behind the modal from scrolling when users reach the top or bottom.

Gabriel

30,109 views • 3 months ago

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar
0:12

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar

dmytro

54,436 views • 10 months ago

Design Engineering Tip: If your whole page shifts 15px the moment a modal opens, it isn't the modal. It's the scrollbar disappearing, because the library sets overflow: hidden on the body to lock scrolling. Reserve the space before you ever need it: html { scrollbar-gutter: stable; }
0:12

Design Engineering Tip: If your whole page shifts 15px the moment a modal opens, it isn't the modal. It's the scrollbar disappearing, because the library sets overflow: hidden on the body to lock scrolling. Reserve the space before you ever need it: html { scrollbar-gutter: stable; }

Gabriel

31,433 views • 2 months ago

YOUR 𝕏 TIMELINE NOW THINKS WITH GROK’S BRAIN Finally, your following feed scrolls with actual intelligence. Grok intelligence. Feed Following Flip: •⁠ ⁠Grok ranks posts so the good stuff floats and the snoozers sink •⁠ ⁠You can still switch to raw chronological if you like pain •⁠ ⁠The feed now predicts what you’ll enjoy before you scroll If your timeline suddenly feels sharper, that’s just Grok doing the thinking! Source: Grok
0:19

YOUR 𝕏 TIMELINE NOW THINKS WITH GROK’S BRAIN Finally, your following feed scrolls with actual intelligence. Grok intelligence. Feed Following Flip: •⁠ ⁠Grok ranks posts so the good stuff floats and the snoozers sink •⁠ ⁠You can still switch to raw chronological if you like pain •⁠ ⁠The feed now predicts what you’ll enjoy before you scroll If your timeline suddenly feels sharper, that’s just Grok doing the thinking! Source: Grok

Mario Nawfal

53,191 views • 11 months ago

Modal is proud to now support Claude Managed Agents with Modal Sandboxes.
0:10

Modal is proud to now support Claude Managed Agents with Modal Sandboxes.

Modal

95,726 views • 5 months ago

The best way to scroll on your phone
0:18

The best way to scroll on your phone

Rampage Jackson

36,291 views • 24 days ago

Fixed this small bug in Linear’s app today which I often see in other apps as well. Here’s a small before/after. The issue: When you open a popover inside a modal (think a custom select), clicking outside the popover to close it also closes the modal. The desired behavior is to close the select on click outside while keeping the modal open. This often happens because custom dropdowns or select components are rendered in a portal. The modal then treats the interaction as an outside click because, technically, the dropdown isn’t inside the modal in the DOM, it’s rendered elsewhere via a portal. The fix depends on your setup, whether it’s Radix/Base UI, fully custom etc. But since you now know the cause of it, you can ask your agent to fix it for you!
0:16

Fixed this small bug in Linear’s app today which I often see in other apps as well. Here’s a small before/after. The issue: When you open a popover inside a modal (think a custom select), clicking outside the popover to close it also closes the modal. The desired behavior is to close the select on click outside while keeping the modal open. This often happens because custom dropdowns or select components are rendered in a portal. The modal then treats the interaction as an outside click because, technically, the dropdown isn’t inside the modal in the DOM, it’s rendered elsewhere via a portal. The fix depends on your setup, whether it’s Radix/Base UI, fully custom etc. But since you now know the cause of it, you can ask your agent to fix it for you!

Emil Kowalski

89,488 views • 3 months ago

Blowing your mind with the view 🥹😏 Too cute to scroll past, too fine to forget. 🖤
0:19

Blowing your mind with the view 🥹😏 Too cute to scroll past, too fine to forget. 🖤

HARTFORD ANNA

27,639 views • 18 days ago

Your Spellbound Scrolls uncover the chronicles of the unknown. This week, they'll all be revealed.🌊🗻
0:10

Your Spellbound Scrolls uncover the chronicles of the unknown. This week, they'll all be revealed.🌊🗻

Amaterasu

55,545 views • 1 year ago

We're excited to power LemonSlice's new video agent product. Turn your real-time voice agent into a video agent using a single photo. The underlying model—which autoscales on Modal 😉—streams infinite-length talking video at 20fps using a single GPU.
0:17

We're excited to power LemonSlice's new video agent product. Turn your real-time voice agent into a video agent using a single photo. The underlying model—which autoscales on Modal 😉—streams infinite-length talking video at 20fps using a single GPU.

Modal

17,225 views • 10 months ago

I’ve been answering some of your questions on The Show Spotify countdown page . Go to my artist page in the app and scroll down to Upcoming Releases to check them out and pre-save the album now !
0:10

I’ve been answering some of your questions on The Show Spotify countdown page . Go to my artist page in the app and scroll down to Upcoming Releases to check them out and pre-save the album now !

Niall Horan

564,354 views • 3 years ago

We're excited to announce Tidbyt is joining Modal! 🎉
0:10

We're excited to announce Tidbyt is joining Modal! 🎉

Modal

23,931 views • 1 year ago

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)
0:12

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

Framer University

20,883 views • 1 year ago

A UX pattern I like: inline dialogs. Instead of blurring the whole background, just push the main content out of focus and replace it with the dialog. Navigation and header stay accessible, and it feels less obtrusive than a standard modal.
0:11

A UX pattern I like: inline dialogs. Instead of blurring the whole background, just push the main content out of focus and replace it with the dialog. Navigation and header stay accessible, and it feels less obtrusive than a standard modal.

Sebastiano Guerriero

51,571 views • 7 months ago

that timeline scroll when your team just won and your star player put up a crazy statline
0:13

that timeline scroll when your team just won and your star player put up a crazy statline

Kourt ♡

1,429,406 views • 6 months ago

‼️ PSYLOCKE FORMULA R MVP ANIMATION Here's your first look at the MVP Animation for the legendary "Fleeting Butterfly" Psylocke costume, available as part of the Jade Scrolls of K'un-Lun Event Pass coming to #MarvelRivals on Friday, October 10th.
0:18

‼️ PSYLOCKE FORMULA R MVP ANIMATION Here's your first look at the MVP Animation for the legendary "Fleeting Butterfly" Psylocke costume, available as part of the Jade Scrolls of K'un-Lun Event Pass coming to #MarvelRivals on Friday, October 10th.

Miller Ross

448,011 views • 1 year ago

Slow your scroll and quill with this snuggled puggle 🧡
0:14

Slow your scroll and quill with this snuggled puggle 🧡

San Diego Zoo Wildlife Alliance

37,511 views • 1 year ago