I'm frankly not sure if this is a problem with the Paragraphs widget, with Field Groups, or with the Claro theme. With a paragraphs widget displayed within a Field Groups vertical tab, the paragraphs type drop-down is obscured behind the bottom edge of the tab contents. The options list in this screenshot should be displaying ten items:

Paragraphs widget with the paragraph types dropdown cut off after a single option

This is in the Gin admin theme. I also tested in Claro with the same result. In Seven, the problem doesn't occur — the tab content area expands to fit the whole list:

Vertical tabs expand to fit the dropbutton when necessary in Seven

I figured I'd start here...if this looks like a problem with Field Group or with Claro, I'll close this and open an issue with one of them. Any thoughts?

CommentFileSizeAuthor
#12 1.17seven-fieldgroup.png26.26 KBsourojeetpaul
#12 1.17claro-fieldgroup.png20.55 KBsourojeetpaul
#12 1.17gin-fieldgroup.png20.85 KBsourojeetpaul
#12 1.17-seven.png72.19 KBsourojeetpaul
#12 1.17claro.png40.06 KBsourojeetpaul
#12 1.17-gin.png45.79 KBsourojeetpaul
#12 1.15claro-fieldgroup.png19.43 KBsourojeetpaul
#12 1.15claro.png53.47 KBsourojeetpaul
#12 1.15-gin-fieldgroup.png22.05 KBsourojeetpaul
#12 1.15gin-dropdown.png60.69 KBsourojeetpaul
#12 1.15-gin.png21.16 KBsourojeetpaul
#6 paragraphs.PNG56.01 KBjoy kodali
#5 Screenshot 2023-07-25 at 3.18.00 PM.png197.35 KBacemichael
#2 Screenshot 2022-12-22 at 10.56.54 AM.png247.63 KBwrd-oaitsd
Screen Shot 2022-11-02 at 8.22.51 AM.png152.75 KBwrd-oaitsd

Issue fork paragraphs-3318730

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

    About issue forks

    Comments

    wrd-oaitsd created an issue. See original summary.

    wrd-oaitsd’s picture

    wrd-oaitsd commented
    Issue summary: View changes
    StatusFileSize
    new Screenshot 2022-12-22 at 10.56.54 AM.png247.63 KB

    Added a Seven screenshot to show the difference in behavior between Seven and Claro/Gin.

    Also determined that it doesn't happen when using horizontal tabs (though that's probably not surprising).

    wotnak’s picture

    wotnak
    he/him
    commented
    Related issues: +#3217868: Claro theme + field_group seems to hide content of dropbutton
    kiwimind’s picture

    kiwimind commented

    I've just commented on https://www.drupal.org/project/paragraphs/issues/3161170#comment-15150524 explaining why.

    acemichael’s picture

    acemichael commented
    StatusFileSize
    new Screenshot 2023-07-25 at 3.18.00 PM.png197.35 KB

    With the Claro theme Paragraphs are getting cut off using Field Groups vertical tabs.

    joy kodali’s picture

    joy kodali commented
    StatusFileSize
    new paragraphs.PNG56.01 KB

    Paragraphs fields are cutting off when we use claro as a admin theme. Still issue persists.
    Any patch available to fix this issue

    Aman_Goel’s picture

    Aman_Goel commented
    Assigned: Unassigned » Aman_Goel
    Aman_Goel’s picture

    Aman_Goel commented
    Assigned: Aman_Goel » Unassigned
    sourojeetpaul’s picture

    sourojeetpaul commented
    Title: Drop button cut off at bottom in Field Group vertical tabs in Claro (and Claro-based) admin theme » Drop button cut off at bottom in Field Group vertical tabs
    Project: Paragraphs » Field Group
    Version: 8.x-1.15 » 8.x-3.4
    StatusFileSize
    new 1.15-gin.png21.16 KB
    new 1.15gin-dropdown.png60.69 KB
    new 1.15-gin-fieldgroup.png22.05 KB
    new 1.15claro.png53.47 KB
    new 1.15claro-fieldgroup.png19.43 KB
    new 1.17-gin.png45.79 KB
    new 1.17claro.png40.06 KB
    new 1.17-seven.png72.19 KB
    new 1.17gin-fieldgroup.png20.85 KB
    new 1.17claro-fieldgroup.png20.55 KB
    new 1.17seven-fieldgroup.png26.26 KB

    Hello there,
    After going through all the conversations over here, I've tried to investigate the issue and from where its originating by testing the same with different combinations of theme and paragraphs module along with field group. And it has come to by notice that the problem is neither with any of the themes nor with the paragraphs module, rather the issue is arising because of field group module. I've tested the same with the specified version of the module as well as the latest release of all of them, in both the cases field group module is causing the issue.
    The dropdown of paragraph types works fine with all of the mentioned themes over here : Gin, Claro, Seven, but whenever we are wrapping it inside a field group the dropdown button is getting hidden itself and hence the list of available paragraph types is not even showing. I'm attaching all the screenshots for reference.

    Hence changing the project component from 'Paragraphs' to 'Field Group' as per my findings, if you find any other issues please feel free to change accordingly!