[Modal] Not scrolling if there are no actions

[peterkappelt]

Hi everyone,
unsure whether this is a bug (or a usage scenario that isn't recommended), but it at least left me a bit puzzled for a couple of minutes.

I'm using Semantic for React, but I suppose this behaviour is caused by semantic itself (not the wrappers). Howevver, I haven't had a chance to test it with pure semantic yet.

Steps

Create a modal without any Actions:

    render() {
        return (
            <Fragment>
                <Modal
                    open={this.state.modalShown} onClose={this.modalClose} size="large" closeIcon centered={false}>
                    <Modal.Header icon="info" content="User Details" />
                    <Modal.Content>
                        <Modal.Description>
                            <ComponentThatCreatesALotOfText />
                        </Modal.Description>
                    </Modal.Content>
                </Modal>
            </Fragment>
        );
    }

Results

The content of the modal is longer than the window's height, so I expect it to be scrollable. However, it simply isn't.

Workaround

Add an action to the modal. It is scrollable now:

<Modal.Actions>
  <Button primary>
    Proceed <Icon name="chevron right" />
  </Button>
</Modal.Actions>

Version

2.4.2