@brightspace-ui/core 2.34.0 → 2.34.1

package/components/backdrop/backdrop.js

@@ -3,6 +3,8 @@ import { css, html, LitElement } from 'lit';
 import { cssEscape, getComposedChildren, getComposedParent, isVisible } from '../../helpers/dom.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 
+export const BACKDROP_ROLE = 'd2l-backdrop-role';
+
 const reduceMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;
 
 const scrollKeys = [];
@@ -159,7 +161,7 @@ function hideAccessible(target) {
 			if (child.hasAttribute('d2l-backdrop-hidden')) continue;
 
 			const role = child.getAttribute('role');
-			if (role) child.setAttribute('d2l-backdrop-role', role);
+			if (role) child.setAttribute(BACKDROP_ROLE, role);
 			child.setAttribute('role', 'presentation');
 
 			if (child.nodeName === 'FORM' || child.nodeName === 'A') {
@@ -200,10 +202,10 @@ export function preventBodyScroll() {
 function showAccessible(elems) {
 	for (let i = 0; i < elems.length; i++) {
 		const elem = elems[i];
-		const role = elem.getAttribute('d2l-backdrop-role');
+		const role = elem.getAttribute(BACKDROP_ROLE);
 		if (role) {
 			elem.setAttribute('role', role);
-			elem.removeAttribute('d2l-backdrop-role');
+			elem.removeAttribute(BACKDROP_ROLE);
 		} else {
 			elem.removeAttribute('role');
 		}

package/components/tag-list/tag-list.js

@@ -2,6 +2,7 @@ import '../button/button-subtle.js';
 import { css, html, LitElement } from 'lit';
 import { announce } from '../../helpers/announce.js';
 import { ArrowKeysMixin } from '../../mixins/arrow-keys-mixin.js';
+import { BACKDROP_ROLE } from '../backdrop/backdrop.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { getOffsetParent } from '../../helpers/dom.js';
 import { InteractiveMixin } from '../../mixins/interactive-mixin.js';
@@ -312,7 +313,8 @@ class TagList extends LocalizeCoreElement(InteractiveMixin(ArrowKeysMixin(LitEle
 			await node.updateComplete;
 
 			const role = node.getAttribute('role');
-			if (role !== 'listitem') return false;
+			const backdropRole = node.getAttribute(BACKDROP_ROLE);
+			if (role !== 'listitem' && backdropRole !== 'listitem') return false;
 
 			if (this.clearable) node.setAttribute('clearable', 'clearable');
 			node.removeAttribute('data-is-chomped');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.34.0",
+  "version": "2.34.1",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",