search

carbon-design-system / carbon-components-vue

Vue implementation of the Carbon Design System
http://vue.carbondesignsystem.com
Apache License 2.0
600 stars 178 forks source link

Positioning problem for Accordion component used in a modal (Chrome only) #1103

Open KJaspers opened 3 years ago

KJaspers commented 3 years ago

When using the Carbon Vue.js Accordion component in a modal in Chrome there are some problems if several accordion items are expanded and the content is very large.

This is how it looks initially: Screenshot 2021-01-13 at 08 23 30

Then I will expand the Development-en and the Production-en accordion item and click a checkbox in the Production-en area. Then the modal looks like this: Screenshot 2021-01-13 at 08 25 16

This problem was found for Chrome only!

When adding a position: relative; style to the modal content, the problem was fixed. I wonder if this should be fixed in the component or in my special case only. Shouldn't the children of .bx--modal-container all have the position value relative?

lee-chase commented 3 years ago

Can you create a codesandbox showing this issue. If it is a styling issue then it needs raising in https://github.com/carbon-design-system/carbon/issues with a reference to this issue.

github-actions[bot] commented 3 weeks ago

This issue has been marked as stale because it has required additional info or a response from the author for over 14 days. When you get the chance, please comment with the additional info requested. Otherwise, this issue will be closed in 14 days.