[calcite-notice] `open=false` only hides content visually
#13,956 opened on Feb 20, 2026
Repository metrics
- Stars
- (367 stars)
- PR merge metrics
- (PR metrics pending)
Description
monday.com sync: #11323057002
Check existing issues
- I have checked for existing issues to avoid duplicates and reviewed the Accessibility page for guidance.
Which Component
Notice
Summary
The open property of calcite-notice doesn't properly hide content when it is false or missing.
(Sorry if this is a duplicate, it was hard to search for this specific problem)
Actual Behavior
When the calcite-notice component's open property is false, the content is only hidden visually and is still available to assistive technology.
Expected Behavior
When the notice is closed/not open, I would expect it to be fully hidden and not just visually hidden.
Reproduction Sample
https://developers.arcgis.com/calcite-design-system/components/notice
Reproduction Steps
- Open the component sample in CodePen.
- Remove the
openproperty to set it tofalse. - Observe that the calcite-notice content is only hidden visually. It can still be read with a screen reader and it is not hidden from the accessibility tree.
Reproduction Version
5.0.2
Working W3C Example/Tutorial
No response
Relevant Info
Windows 11 Chrome 145.0.7632.109, Firefox 147.0.4
Regression?
No response
Priority impact
impact - p3 - not time sensitive
Calcite package
- @esri/calcite-components
- @esri/calcite-components-react
- @esri/calcite-design-tokens
- @esri/eslint-plugin-calcite-components
Esri team
N/A