React Material-Ui(0.20.0) dialog not show expected results?

Question

React Material-Ui has the Dialog component which has the property modal, when i change it to true or false it show me the same result what does this property means?

it is really confusing me kindly help me?

Material Ui version:0.20.0

Code

 <Dialog
        modal={true}
        open={props.openClose}
        autoScrollBodyContent={true}>

             {props.children}
 </Dialog>

score 0 · Answer 1 · answered Sep 25 '18 at 04:39

0

Modal dialog is apparently similar to the other dialogs but Modal dialog can only be closed by selecting one of the actions.

answered Sep 25 '18 at 04:39

Soroush Chehresa

5,490
1
14
29

what is the difference in between the modal=true and modal=false? – Ishmal Ijaz Sep 25 '18 at 04:43
when you pas `modal={true}` to `Modal` component the `Modal` will be `Modal dialog` and you can know the difference in my answer. – Soroush Chehresa Sep 25 '18 at 04:52
@Sunny this answer was helpful? – Soroush Chehresa Sep 28 '18 at 23:17
No my question was little bit different – Ishmal Ijaz Sep 29 '18 at 12:15

score 0 · Answer 2 · answered Sep 25 '18 at 04:51

According to the Material UI documentation, the property which handles the visibility of Dialog is open.

In your example, you have given as open={props.openClose}. Please update the same with true or false and check the result.

Check the example

Also, please find the API documentation here

React Material-Ui(0.20.0) dialog not show expected results?

2 Answers2