Problem/Motivation
When using the Claro theme with paragraphs
and field_group
, it can result in not being able to select paragraphs in the dropdown on node creation and edit pages.
Steps to reproduce
Install modules:
- paragraphs
- field_group
- claro (theme)
- Create a few paragraphs (about 3-4).
- Create a content type with a paragraph reference field. Make it so all paragraphs are selectable.
- Add a field_group tabs (vertical) and tab.
- Put the paragraph field created in step 2 under this tab.
- Try to add a page with paragraph 4.
Result: Not able to select some items in the dropdown because they are hidden due of the overflow
.
Expected: Be able to select any item in the dropdown.
Note that this issue is only at certain widths because of the media rule (@media screen and (min-width: 85em)))
.
Proposed resolution
Remove overflow: hidden;
in @media screen and (min-width: 85em)
in claro/css/components/vertical-tabs.css
and adjust the vertical-tabs
widths.
Remaining tasks
Create patch for 9.3, 9.4, and 10- Review patch
- Test patch
- Commit