search

vmware-clarity / core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
https://clarity.design
MIT License
163 stars 41 forks source link

cds-layout styles are not applied to cds-grid-footer #263

Open hippee-lee opened 1 year ago

hippee-lee commented 1 year ago

Describe the bug

Child elements in the light DOM of cds-grid-footer are not getting cds-layout styles applied.

How to reproduce

Go to internal-stories-grid--footer

Steps to reproduce the behavior:

  1. Right click grid footer content to open browser dev tools
  2. Right click the highlighted cds-grid-footer element and choose Add attribute
  3. Add the following attribute: cds-layout="horizontal gap:md align:horizontal-center"
  4. Notice that the layout styles are not applied to the content

Expected behavior

Core layout styles are expected to be applied to projected content in the Light DOM.

Versions

Clarity project:

Clarity version:

Framework:

Framework version: ie: Angular 16

Device:

Additional notes

N/A