Frequently Asked Questions
Stuck on a particular problem? Check some of these common gotchas first in the FAQ.
Why do the fixed positioned elements move when a modal is opened?
Scrolling is blocked as soon as a modal is opened. This prevents interacting with the background when the modal should be the only interactive content. However, removing the scrollbar can make your fixed positioned elements move. In this situation, you can apply a global .sdaia-fixed class name to tell Material UI to handle those elements.
How can I disable the ripple effect globally?
The ripple effect is exclusively coming from the BaseButton component. You can disable the ripple effect globally by providing the following in your theme:
1"use client"2import * as React from "react"4import { Bar, BarChart, CartesianGrid, XAxis } from "recharts"5import {7Card,8CardContent,9CardDescription,10CardHeader,11CardTitle,12}
How can I disable transitions globally?
SDAIA UI uses the same theme helper for creating all its transitions. Therefore you can disable all transitions by overriding the helper in your theme:
1"use client"2import * as React from "react"4import { Bar, BarChart, CartesianGrid, XAxis } from "recharts"5import {7Card,8CardContent,9CardDescription,10CardHeader,11CardTitle,12}