react-material-ui-form-validator icon indicating copy to clipboard operation
react-material-ui-form-validator copied to clipboard

SelectValidator causing page scroll to vanish - unable to override

Open Luke-S1 opened this issue 3 years ago • 4 comments

Hello there,

The issue we are encountering is that the <SelectValidator/> component will not accept MenuProps={{disableScrollLock: true}} attribute.

This means that when the select is opened, the page shifts to the right as the portal that holds the select elements does not exceed the page height.

Luke-S1 avatar Jun 16 '22 09:06 Luke-S1

@Luke-S1 Hi, try to use it as

SelectProps={{
    MenuProps: { disableScrollLock: true },
}}

SelectValidator uses TextField component so all Select related props must be passed via SelectProps

NewOldMax avatar Jun 18 '22 10:06 NewOldMax

Hi, I'm new to react-material-ui-form-validator. Can someone help me understand how to use radio buttons with react-material-ui-form-validator with an example code?

AkshatK805 avatar Aug 23 '22 04:08 AkshatK805

@AkshatK805 you can check this one #65 It's a bit old answer and render must be changed to renderValidatorComponent, but you can get the main idea from there

NewOldMax avatar Aug 23 '22 04:08 NewOldMax

@NewOldMax thank you so much, it worked.

AkshatK805 avatar Aug 23 '22 05:08 AkshatK805