Dropdown button selector on paragraphs is truncated to only 2 items.

Created on 24 January 2023, over 1 year ago
Updated 1 February 2024, 5 months ago

Problem/Motivation

Looks like the paragraphs dropdown selector has an styling issue and the options are not displayed.

Summary update on 17th May 2023
If we choose "Paragraphs (Stable)," then sub paragraph type in tabs is not visible as.
For ref please check screenshot.



Steps to reproduce

  1. Create a paragraph field that use +3 paragraphs types, use dropdown as widget to add items.
  2. Go to the edit form and try to add a paragraph, the dropdown only will display up-to 2 items.
  3. Checkout after selection with "Paragraphs Legacy" and Paragraphs (Stable)"
🐛 Bug report
Status

Closed: won't fix

Component

Code

Created by

🇦🇷Argentina gromani14

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @gromani14
  • @gromani14 opened merge request.
  • 🇨🇦Canada bbombachini London, ON

    I was having the same issue, and the patch works for me - currently using version 3.0.0-rc2.
    I'm not the best person to say if this is the right approach but it worked for me.

    I have field broken into tabs on form display, so it may be part of the issue.

    Changing this to needs review as there's a patch provided.

  • 🇮🇳India pradipmodh13 Ahmedabad

    Hello @gromani14,
    I attempted to replicate this problem following your steps, but it is not reproducible.
    It is working fine as expected.
    Drupal 9.5 and Gin Theme 8.x-3.0-rc2
    I had followed the below steps
    - Installed Gin theme and enable as admin
    - Installed Paragraph module and enable
    - Create 10 Paragraph types and configure on content type
    - Edit the page and all 10 Paragraph types are visible (Attached screenshot)

  • 🇦🇷Argentina gromani14

    Hello @pradipmodh13,
    I've realize now that on my description i forgot to mention that i'm also using tabs into form display (my bad).
    (you can see that on my screenshot)

  • Assigned to pradipmodh13
  • 🇮🇳India pradipmodh13 Ahmedabad

    Thank You @gromani14,
    Yes, there is an issue when the paragraph type is set in Tabs.
    The solution offered by @bbombachini works when I apply it, but we need to develop a patch using the "dropbutton--multiple" class because the "dropbutton--extrasmall" class is varinet of dropbutton size and may be configurable.
    This approach only resolves one type if the Paragraph Type field in the content type Managre From Display is set to "Paragraphs Legacy" (as shown in the attached screenshot - 3336167-after.png ).
    If we choose "Paragraphs (Stable)," this solution will fail, so will submit the patch. (Attached screenshot in Issue summary)

  • Status changed to Needs work about 1 year ago
  • 🇨🇭Switzerland saschaeggi Zurich

    Note: Also in Claro Theme, this problem exists.

    I'd propose we fix this instead in the paragraphs module directly if the problem also exists in Claro.

  • 🇮🇳India pradipmodh13 Ahmedabad

    Hello @saschaeggi,
    But dropbutton.scss file comes from theme folder not from paragraph module.
    After some research, there are two solutions found which is listed below.
    - Add css in vertical-tabs.css file (Attached Screenshot)
    Note: vertical-tabs.css is coming from core claro theme
    - Add special css in paragraph module with tabs varient

    Please let me know if you have any suggestions for a better approach.

  • 🇺🇸United States nicxvan

    I'd vote for fixing it here, the MR fixes it for me too.

  • Status changed to Closed: won't fix about 1 year ago
  • Hello, I've created a patch based on the MR.

    Works fine on my side

  • Hello, I've created a patch based on the MR. Works fine on my side. Sorry for my message, trying to post a comment with the link to the patch

Production build 0.69.0 2024