Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Form inside ComposedModal scroll problem #8136

Closed
1 task
kiske1 opened this issue Mar 21, 2021 · 0 comments · Fixed by #8153
Closed
1 task

Form inside ComposedModal scroll problem #8136

kiske1 opened this issue Mar 21, 2021 · 0 comments · Fixed by #8153

Comments

@kiske1
Copy link

kiske1 commented Mar 21, 2021

What package(s) are you using?

  • carbon-components
  • [ X] carbon-components-react

Detailed description

Describe in detail the issue you're having.
Adding a Form component inside the body of a ComposedModal that has "hasForm" and "hasScrollingContent" set, leads to the last form field that is partially covered by the shade of the "bx--modal-content--overflow-indicator"

Is this issue related to a specific component?
ComposedModal -> ModalBody

What did you expect to happen? What happened instead? What would you like to
see changed?
I expect the last field to be fully visible

What browser are you working in?
Chrome 89.0.4389.90
Edge 89.0.774.57

What version of the Carbon Design System are you using?
Carbon-components 10.25.0
Carbon-components-react 7.25.0

Steps to reproduce the issue

See codebox:
https://codesandbox.io/s/test-form-inside-composedmodal-ckd9x?file=/src/index.js

in the sample above "test field 9" is covered.

Additional information

./.

Thanks for the support!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants