diff --git a/.changeset/poor-hats-hammer.md b/.changeset/poor-hats-hammer.md new file mode 100644 index 0000000..742b1f4 --- /dev/null +++ b/.changeset/poor-hats-hammer.md @@ -0,0 +1,5 @@ +--- +"@openfun/cunningham-react": patch +--- + +Fix modal scroller height issue that prevent modal to be scrollable with high content diff --git a/packages/react/src/components/Modal/index.scss b/packages/react/src/components/Modal/index.scss index 4571340..000e0fd 100644 --- a/packages/react/src/components/Modal/index.scss +++ b/packages/react/src/components/Modal/index.scss @@ -12,10 +12,12 @@ top: 50%; transform: translate(-50%, -50%); max-width: calc(100% - 2em - 6px); + max-height: calc(100% - 2em - 6px); + display: flex; + flex-direction: column; &__scroller { padding: 1.5rem; - max-height: calc(100% - 2em - 6px); overflow: auto; }