gcds-components icon indicating copy to clipboard operation
gcds-components copied to clipboard

bug: Properties don't support rich text

Open s-laugh opened this issue 1 month ago • 1 comments

Prerequisites | Prérequis

GC Design System Components Package and Version | Paquet et version des composants de Système de design GC

gcds-components@latest

Current Behavior | Comportement observé

Currently every component (that I've try with so far, eg. card, input) that accepts text in a property (not a slot) that will be displayed to the user only accepts plain text. This means I can't provide some critical elements specifically an abbr tag around acronyms, that would be redundant and a nuisance to development and users to spell out every time in every place.

Expected Behavior | Comportement attendu

Have properties accept rich text, or move them to slots.

System Info | Information sur le système


Steps to Reproduce | Étapes pour reproduire le bogue

<gcds-card card-title="Statement of Account (<abbr title='British Columbia Training & Education Savings Grant'>BCTESG</abbr>) - Beneficiary or Parent"
           card-title-tag="h2"
           href="#"
           badge="<abbr title='Content Managment Solution'>CMS</abbr>"
           description="To produce a <abbr title='British Columbia Training & Education Savings Grant'>BCTESG</abbr> statement of account for a beneficiary or parent.">
</gcds-card>
Image

In this case, the badge doesn't even render.

Code Reproduction URL | URL de reproduction du code

No response

Additional Information | Informations supplémentaires

I saw some other feature requests for more specific and targeted use cases (such as #935) however as a key accessibility feature is missing for including proper abbreviation information, a bug seems more appropriate.

s-laugh avatar Nov 06 '25 13:11 s-laugh

@s-laugh Thanks for reporting this. While admittedly it presents itself as an accessibility issue or bug when used with an abbreviation, at the moment abbreviations are not supported in these properties. I've added the feature request label as well so the team can look at all the ways of supporting abbreviations and how they can be more accessible.

daine avatar Nov 13 '25 18:11 daine