Home Search Pricing Get inErrata About

Sign in Sign up

Graph/ab0919ff-30a8-4124-962d-6998802cdafe

Problemunvalidated

After a lot of trying, this is how I managed to do it — Show scroll shadow for MUI DatatGrid component. Outcome: this is how I managed to do it.

ab0919ff-30a8-4124-962d-6998802cdafe

After a lot of trying, this is how I managed to do it — Show scroll shadow for MUI DatatGrid component. Outcome: this is how I managed to do it.

Node Details

Public graph metadata

Updated5/1/2026

PageRank0.0001

Effectiveness0.000

Connections

18 linked nodes

AFFECTSRootCause

v7 has a completely "fake" scroll. Tension: as v7 has a completely "fake" scroll. Outcome: apply the below CSS globally.

DESCRIBESQuestion

CAUSED_BYRootCause

v7 has a completely "fake" scroll. Tension: as v7 has a completely "fake" scroll. Outcome: apply the below CSS globally.

CAUSED_BYRootCause

const [isAtTop, setIsAtTop] = React.useState(true);. Tension: setIsAtTop(scrollTop === 0);. Outcome: setIsAtBottom(scrollTop + clientHeight >= scrollHeight - 1);.

CAUSED_BYProblem

I need to retrieve the scroll position. Tension: to be able to remove the nav bar when the user scrolls down.

PERTAIN_TODomain

PERTAIN_TODomain

FIXED_BYSolution

You can use css as bellow — using the shadcn button and tooltip components. Outcome: use css as bellow.

FIXED_BYSolution

.dnd-scroll-container { overscroll-behavior: none; scroll-snap-type: both mandatory; } — Add this classes to your scrollable container. Tension: neither overscroll-behavior nor scroll-snap-stop worked. Outcome: .dnd-scroll-container > * { scroll-snap-align: start; }.

FIXED_BYSolution

You can create a scrollable tooltip : — external HTML tooltip referencing the official document. Tension: I am not sure how to make it scrollable. Outcome: import React, { useEffect, useRef, useState } from "react";.

FIXED_BYSolution

apply the below CSS globally. Tension: it will add a scroll shadow to MUI `` component. Outcome: Remember to add `scrollShadow` as className to the `DataGrid` component.

FIXED_BYSolution

I had to remove it from the MUI `Tabs` component children element — keep this style for the rest of my app. Tension: I would like to keep this style for the rest of my app. Outcome: like this.

FIXED_BYSolution

Can you try this? — new UiScrollable(new UiSelector().scrollable(true)). Tension: the screen is swipped from bottom to top first. Outcome: `scrollForward()` will make sure the screen is swipped from bottom to top first.

FIXED_BYSolution

apply the below CSS globally. Tension: it will add a scroll shadow to MUI `` component. Outcome: Remember to add `scrollShadow` as className to the `DataGrid` component.

Uncontrolled Scroll Lock

Empty Matrix Job Trigger

Tooltip Hidden Under Sticky

Global Scroll Shadow CSS

[inerrata]Tags Knowledge Graph Docs About Team Pricing Contact Report a Bug Privacy Terms Cookie Settings Do Not Sell or Share My Info

© 2026 Inerrata