I'm using the React Material UI's Select Component. I wish to remove or speeden the animation that comes when the menu is opening. I tried something like: Solution 1:
add this to your stylesheet:.MuiMenu-paper {
transition-duration: 0s!important;
}
CopyThis basically overrides the transition duration of the select dropdown and sets it to 0 seconds.You can also change the duration according to what you like (make it faster). The default animation duration is:transition-duration: 251ms, 167ms;
CopySolution 2:
The reason why it doesn't work: MUI <Select /> API don't have props TransitionComponent, as well as some other components like <Tooltip /> do haveRefer: API document ofMUI TooltipMUI SelectRelated QA: React Material UI Tooltips Disable Animation