Rivet 2.9.0 release

Rivet version 2.9.0 is now available. This release updates the dropdown and radio input components.

Dropdown #

This release updates the dropdown component to no longer automatically apply the role="menu" and aria-haspopup="menu" attributes.

Previously, these attributes were applied automatically by the component’s JavaScript, but they are intended only for application-style toolbars or context menus. Automatically applying it created accessibility issues when a dropdown contained only links.

You can manually add these attributes to a specific dropdown if it’s functioning as a toolbar or context menu:

<div class="rvt-dropdown" data-rvt-dropdown="example-dropdown">
  <button type="button" class="rvt-button" aria-haspopup="menu" data-rvt-dropdown-toggle>
    <span class="rvt-dropdown__toggle-text">File</span>
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">  <path d="m15.146 6.263-1.292-1.526L8 9.69 2.146 4.737.854 6.263 8 12.31l7.146-6.047Z"/></svg>
  </button>
  <div class="rvt-dropdown__menu" role="menu" data-rvt-dropdown-menu hidden>
    <button type="button" role="menuitem">
      <span>New</span>
    </button>
    <button type="button" role="menuitem">
      <span>Open</span>
    </button>
    <button type="button" role="menuitem">
      <span>Export</span>
    </button>
    <!-- Other buttons... -->
  </div>
</div>

Radio input #

This release updates the text color of a disabled radio input to be consistent with the text color of a disabled checkbox.

Complete list of updates #

For a complete list of updates made in version 2.9.0, see the Rivet changelog.

Leaving feedback #

To leave feedback on Rivet, post a comment to our GitHub Discussions board, file a bug report, or send a message to rivet@iu.edu.

You can also communicate with the Rivet team and other users of the design system on Slack:

• Web Community of Practice Slack
• UITS Slack

Get updates about Rivet #

To receive updates about Rivet’s development, join the Rivet mailing list.