Claro "Publish" dropbutton items cut off

Created on 2 August 2023, 11 months ago
Updated 4 January 2024, 6 months 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

Postponed: needs info

Version

10.1

Component
Claro 

Last updated less than a minute ago

Created by

🇺🇸United States jennypanighetti

Live updates comments and jobs are added and updated live.
  • Needs issue summary update

    Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

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 10 months ago
  • last update 10 months 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 10 months 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.

Production build 0.69.0 2024