@brightspace-ui/core 1.224.1 → 1.225.1

package/components/colors/README.md

@@ -1,6 +1,6 @@
 # Colors
 
-Importing `colors` will add the color palette [CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) to the document and polyfill for IE11 using [shadyCSS](https://github.com/webcomponents/shadycss).
+Importing `colors` will add the color palette [CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) to the document.
 
 Run the demo page to see the full palette. See [colors.js](colors.js) for the variable names (i.e. `--d2l-color-*`).
 
@@ -26,4 +26,4 @@ Run the demo page to see the full palette. See [colors.js](colors.js) for the va
 
 ## Future Enhancements
 
-Looking for an enhancement not listed here? Create a GitHub issue!
+Looking for an enhancement not listed here? Create a GitHub issue!

package/components/dialog/dialog-fullscreen.js

@@ -10,7 +10,7 @@ import { getUniqueId } from '../../helpers/uniqueId.js';
 import { LocalizeCoreElement } from '../../lang/localize-core-element.js';
 import { styleMap } from 'lit-html/directives/style-map.js';
 
-const mediaQueryList = window.matchMedia('(max-width: 615px)');
+const mediaQueryList = window.matchMedia('(max-width: 615px), (max-height: 420px) and (max-width: 900px)');
 
 /**
  * A generic fullscreen dialog that provides a slot for arbitrary content and a "footer" slot for workflow buttons. Apply the "data-dialog-action" attribute to workflow buttons to automatically close the dialog with the action value.
@@ -132,7 +132,7 @@ class DialogFullscreen extends LocalizeCoreElement(AsyncContainerMixin(DialogMix
 				}
 			}
 
-			@media (max-width: 615px) {
+			@media (max-width: 615px), (max-height: 420px) and (max-width: 900px) {
 
 				.d2l-dialog-header {
 					padding-bottom: 15px;

package/components/dropdown/dropdown-opener-mixin.js

@@ -110,11 +110,12 @@ export const DropdownOpenerMixin = superclass => class extends superclass {
 	updated(changedProperties) {
 		super.updated(changedProperties);
 		if (!this.openOnHover || !changedProperties.has('_isFading')) return;
-
+		const element = this.__getContentElement();
+		if (!element) return;
 		if (this._isFading) {
-			this.__getContentElement()?.classList.add('d2l-dropdown-content-fading');
+			element.classList.add('d2l-dropdown-content-fading');
 		} else {
-			this.__getContentElement()?.classList.remove('d2l-dropdown-content-fading');
+			element.classList.remove('d2l-dropdown-content-fading');
 		}
 	}
 
@@ -254,7 +255,9 @@ export const DropdownOpenerMixin = superclass => class extends superclass {
 		if (this.noAutoOpen) return;
 		if (this.openOnHover) {
 			// prevent propogation to window and triggering _onOutsideClick
-			e?.stopPropagation();
+			if (e) {
+				e.stopPropagation();
+			}
 			this._closeTimerStop();
 			if (this._isOpen && !this._isHovering) {
 				this.closeDropdown();