Claro "Publish" dropbutton items cut off

Created on 2 August 2023, over 1 year ago

Problem/Motivation

The sub items in the "Save and..." dropbutton are cut off by a `max-width: 12.5rem;` css style in the dropbutton CSS file. Removing this seems to help, though I don't know what else it might be affect.

See screenshots.

🐛 Bug report
Status

Active

Version

10.1

Component
Claro 

Last updated 2 days ago

Created by

🇺🇸United States jennypanighetti

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

Comments & Activities

  • Issue created by @jennypanighetti
  • 🇺🇸United States jennypanighetti

    Note, this is also a factor in the 9.x theme of Claro, which is where some of those screenshots came from, and some were from the 10.1.x core Claro theme. Attached updated screenshot of the CSS in question:

    .dropbutton__item:first-of-type ~ .dropbutton__item {
        max-width: var(--dropbutton-item-max-width);
    }
  • Hi @jennypanighetti,
    Can you share the steps to replicate this issue?

  • Status changed to Needs review over 1 year ago
  • last update over 1 year ago
    29,470 pass
  • 🇮🇳India vaibhav_arora

    Hi, Added the patch for the above issue and also attached the screenshot for the same.
    Needs review
    Thanks!

  • Status changed to Postponed: needs info over 1 year ago
  • 🇺🇸United States smustgrave

    #3 asked for steps to reproduce.

    That should be included in the issue summary and then any proposed solution.

  • 🇯🇴Jordan Rajab Natshah Jordan

    I confirm facing the same issue
    Options should not be cut off for sure
    When a dropdown is open the output feels should be with the width of longest content fit

    Or should this be restricted for grouped action buttons.

  • Status changed to Closed: works as designed 3 months ago
  • 🇳🇿New Zealand quietone

    There is little information here on how to reproduce the problem. And I notice that the screen shots in #4 shows strings that are not in core. Since we need more information to move forward with and it has not been supplied in over 1 year, I am closing this issue.

    If you are experiencing this problem on a supported version of Drupal reopen the issue, by setting the status to 'Active', and provide complete steps to reproduce the issue (starting from "Install Drupal core").

    Thanks!

Production build 0.71.5 2024