@brightspace-ui/core 3.150.2 → 3.150.4

package/components/tabs/tab-mixin.js

@@ -141,6 +141,8 @@ export const TabMixin = superclass => class extends SkeletonMixin(superclass) {
 	}
 
 	#handleClick() {
+		if (this.selected) return;
+
 		this._clicked = true;
 		const beforeSelectedEvent = new CustomEvent('d2l-tab-before-selected', {
 			detail: {

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

@@ -174,8 +174,6 @@ export const TagListItemMixin = superclass => class extends LocalizeCoreElement(
 	firstUpdated(changedProperties) {
 		super.firstUpdated(changedProperties);
 
-		const container = this.shadowRoot.querySelector('.tag-list-item-content');
-
 		this.addEventListener('focus', async(e) => {
 			// ignore focus events coming from inside the tag content
 			if (e.composedPath()[0] !== this) return;
@@ -198,7 +196,7 @@ export const TagListItemMixin = superclass => class extends LocalizeCoreElement(
 			await this.updateComplete;
 			// delay the focus to allow focusin to fire
 			setTimeout(() => {
-				container.focus();
+				this.shadowRoot.querySelector('.tag-list-item-content').focus();
 			});
 		});
 

package/components/tooltip/demo/tooltip.html

@@ -255,6 +255,10 @@
 						</d2l-icon-custom>
 					</d2l-tooltip-help>
 				</p>
+				<p class="d2l-body-compact" style="max-width: 100px;">
+					Wrapped:
+					<d2l-tooltip-help text="Due: Jan 20, 2026">Other due date information</d2l-tooltip-help>
+				</p>
 			</template>
 		</d2l-demo-snippet>
 

package/components/tooltip/tooltip-help.js

@@ -1,14 +1,17 @@
 import '../colors/colors.js';
 import '../tooltip/tooltip.js';
-import { css, html, LitElement, nothing } from 'lit';
+import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { bodySmallStyles } from '../typography/styles.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { FocusMixin } from '../../mixins/focus/focus-mixin.js';
+import { getFlag } from '../../helpers/flags.js';
 import { getFocusRingStyles } from '../../helpers/focus.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { SkeletonMixin } from '../skeleton/skeleton-mixin.js';
 import { SlottedIconMixin } from '../icons/slotted-icon-mixin.js';
 
+const startAlignText = getFlag('GAUD-8232-tooltip-help-start-align-text', true);
+
 /**
  * A component used to display additional information when users focus or hover over some text.
  * @slot - Default content placed inside of the tooltip
@@ -58,6 +61,7 @@ class TooltipHelp extends SlottedIconMixin(SkeletonMixin(FocusMixin(LitElement))
 				display: inline-flex;
 				font-family: inherit;
 				padding: 0;
+				text-align: ${unsafeCSS(startAlignText ? 'start' : 'center')};  /* stylelint-disable-line */
 				text-decoration-line: underline;
 				text-decoration-style: dashed;
 				text-decoration-thickness: 1px;

package/package.json

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