Dropbutton list items hidden on Claro in vertical tabs

Open on Drupal.org →

Created on 24 July 2020, over 4 years ago

Updated 17 April 2024, 8 months ago

Problem/Motivation

When using Paragraphs Classic entity reference display and vertical tabs with the Claro theme, the list of paragraphs gets cut off.

Steps to reproduce

Enable the Claro theme on Drupal 8.8. Create a few paragraphs and a form display that uses vertical tabs. Place your paragraph reference field inside one of the vertical tabs. You will see that the paragraphs get cut off.

Proposed resolution

Figure out whether this is a Claro issue or a paragraphs issue. I tried to debug it and prepare a fix but I couldn't work out what was causing the issue.

Remaining tasks

N/A

User interface changes

N/A

API changes

N/A

Data model changes

N/A

Release notes snippet

N/A

🐛 Bug report

Status

Closed: duplicate

Version

1.12

Component

Code

Created by

achap 🇦🇺

Live updates comments and jobs are added and updated live.

Incomplete comments

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Comment over 1 year ago →
🇬🇧United Kingdom kiwimind
Have just come across this.

There is an `overflow: hidden` on the element that's wrapping this.

The styling on this comes from /core/themes/claro/css/components/vertical-tabs.css so it's a Claro issue.
Comment over 1 year ago →
🇳🇱Netherlands willempje2
As mentioned by kiwimind this seems to be related to this issue:
https://www.drupal.org/project/drupal/issues/3217868 🐛 Claro theme + field_group seems to hide content of dropbutton Needs work

Patch in issues worked for me.
Status changed to Closed: duplicate 8 months ago12:52pm 17 April 2024
Comment 8 months ago →
sourojeetpaul
Hello there,
It seems to be like an duplicate issue there are already two issue pertaining to the problem, I've commented on both of them and shared my findings.
Please head over to there and join the conversation. If you disagree with my findings/ land up on anything new feel free to change it accordingly and reopen the issue, as of now closing the same!

Link to the said issues:
https://www.drupal.org/project/field_group/issues/3318730 🐛 Drop button cut off at bottom in Field Group vertical tabs Active
https://www.drupal.org/project/drupal/issues/3217868 🐛 Claro theme + field_group seems to hide content of dropbutton Needs work

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024