Esri/calcite-design-system

[calcite-notice] `open=false` only hides content visually

Open

#13,956 opened on Feb 20, 2026

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (88 forks)auto 404
a11ybugc-noticecalcite-componentsestimate - 2good first issueimpact - p3 - not time sensitivep - medium

Repository metrics

Stars
 (367 stars)
PR merge metrics
 (PR metrics pending)

Description

monday.com sync: #11323057002

Check existing issues

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

  1. Open the component sample in CodePen.
  2. Remove the open property to set it to false.
  3. 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

Contributor guide