@@ -30,6 +30,7 @@ const CModal = props => {
3030 addContentClass,
3131 onClose,
3232 className,
33+ scrollable,
3334 ...attributes
3435 } = props
3536
@@ -73,6 +74,7 @@ const CModal = props => {
7374
7475 const dialogClasses = classNames (
7576 'modal-dialog' , {
77+ 'modal-dialog-scrollable' : scrollable ,
7678 'modal-dialog-centered' : centered ,
7779 [ `modal-${ size } ` ] : size
7880 }
@@ -117,8 +119,8 @@ const CModal = props => {
117119 >
118120 < div className = { dialogClasses } role = "document" >
119121 < div
120- { ...attributes }
121- className = { contentClasses }
122+ { ...attributes }
123+ className = { contentClasses }
122124 ref = { innerRef }
123125 >
124126 < Context . Provider value = { { close} } >
@@ -129,7 +131,7 @@ const CModal = props => {
129131 </ div >
130132 )
131133 } }
132-
134+
133135 </ Transition >
134136 { backdrop && isOpen && < div className = { backdropClasses } > </ div > }
135137 </ div >
@@ -144,14 +146,15 @@ CModal.propTypes = {
144146 centered : PropTypes . bool ,
145147 size : PropTypes . oneOf ( [ '' , 'sm' , 'lg' , 'xl' ] ) ,
146148 backdrop : PropTypes . bool ,
147- color : PropTypes . string ,
149+ color : PropTypes . string ,
148150 borderColor : PropTypes . string ,
149151 onOpened : PropTypes . func ,
150152 onClosed : PropTypes . func ,
151153 fade : PropTypes . bool ,
152154 closeOnBackdrop : PropTypes . bool ,
153155 onClose : PropTypes . func ,
154- addContentClass : PropTypes . string
156+ addContentClass : PropTypes . string ,
157+ scrollable : PropTypes . bool ,
155158}
156159
157160CModal . defaultProps = {
0 commit comments