Conditional tree items stay hidden with Firefox - Githubissues

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 42 forks source link

Conditional tree items stay hidden with Firefox #196

Open jtruffot opened 1 year ago

jtruffot commented 1 year ago

Describe the bug

With default cds-motion activated, conditional tree items stay hidden with Firefox (works with Chrome).

How to reproduce

Steps to reproduce the behavior:

Go to Conditional Items story of the Tree View component on the Clarity Core storybook.
Click on Toggle Tree Visibility, then on any root items.
With Firefox, note that the child items are not visible.

Expected behavior

Child items must be visible when parent item are expanded.

Versions

Clarity project:

[x] Clarity Core
[ ] Clarity Angular/UI

Clarity version:

[ ] v5.x
[x] v6.x

Framework:

[x] Angular
[ ] React
[ ] Vue
[ ] Other:

Framework version: ie: Angular 13

Device:

OS: Windows, linux
Browser: Firefox
Version 107.0.1

Workaround

Add cds-motion="off" attribute on cds-tree-item.