Skip to main content

Sheet

  • Changelog

The Sheet component allows you to show additional content in an overlay of your application. It is essential to add at least one focusable element inside the Sheet to be keyboard accessible. If none is available the focus will be lost and given to the window.document when opening the sheet.

The developer is responsible for the sheet's visibility via the show prop. This prop must be updated to false in the onDismiss callback to ensure keyboard accessibility.

OverviewPropertiesChangelog

Package @dynatrace/strato-components, latest version 3.17.1. Below are the changes to Sheet. See Components changelog for all changes to the package.

3.17.0 Released Oct 29, 2026​

Updates​

  • Fixed the uneven padding around the content, so the scrollbar is now positioned by the browser. The padding on larger screens is now 20px. (APPDEV-18234)

3.16.0 Released Oct 16, 2026​

Updates​

  • Fixed the soft keyboard opening on mobile viewports when the sheet finishes opening, because initial focus no longer moves to a text input. (APPDEV-20366)
  • Fixed the issue that squeezed the actions when the title is long. The actions now keep their width and wrap, and the title truncates with an ellipsis. (APPDEV-18495)

3.13.0 Released Sep 3, 2026​

Updates​

  • Fixed the extra tab stop with no visible focus that appeared after the last interactive element. (APPDEV-19493)

3.11.0 Released Aug 10, 2026​

Updates​

  • The title prop now accepts a ReactElement in addition to a string. (APPDEV-18664)

3.9.0 Released Jul 10, 2026​

Updates​

Overlays​

  • Reduce Modal and Sheet horizontal padding to 16px on mobile viewports (APPDEV-18055)
Still have questions?
Find answers in the Dynatrace Community