carbon-design-system / ibm-products

A Carbon-powered React component library for IBM Products
https://ibm-products.carbondesignsystem.com
Apache License 2.0
98 stars 138 forks source link

[Feature Request]: Add title to the PageHeader subtitle #6534

Open steven1046 opened 13 hours ago

steven1046 commented 13 hours ago

The problem

picture/source: https://ibm-cloud.slack.com/archives/C013ZTX0N6B/p1733257027336759

The PageHeader component adds an ellipsis when the subtitle gets too large to display but you can't hover over it to see what the missing text is.

The solution

Please add an HTML title or equivalent to the string.

Design link

No response

Links to other materials

No response

Owner/main maintainer(s)

David Menendez

Second/backup maintainer(s)

No response

Product/offering

No response

Business priority

None

Code of Conduct

davidmenendez commented 13 hours ago

right now the subtitle div is utilizing -webkit-line-clamp to maintain the 2 line maximum, but there's currently no mechanism for displaying the text that goes beyond 2 lines. this was probably an oversight when we removed unnecessary title attributes from various components. something similar to what the title does could be applied to the subtitle to allow the text to be visible.

more to think about in our ongoing discussion regarding the pageheader and truncation.