@brightspace-ui/core 1.224.0 → 1.225.0

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/inputs/input-text.js

@@ -605,12 +605,14 @@ class InputText extends LabelledMixin(FormElementMixin(SkeletonMixin(RtlMixin(Li
 			|| (this.unit && this.dir !== 'rtl');
 
 		if (firstSlotHasNodes) {
-			requestAnimationFrame(() => this._firstSlotWidth = firstContainer.getBoundingClientRect().width);
+			// Firefox can have trouble rendering the cursor if the padding is a decimal
+			requestAnimationFrame(() => this._firstSlotWidth = Math.ceil(firstContainer.getBoundingClientRect().width));
 		} else {
 			this._firstSlotWidth = 0;
 		}
 		if (lastSlotHasNodes) {
-			requestAnimationFrame(() => this._lastSlotWidth = lastContainer.getBoundingClientRect().width);
+			// Firefox can have trouble rendering the cursor if the padding is a decimal
+			requestAnimationFrame(() => this._lastSlotWidth = Math.ceil(lastContainer.getBoundingClientRect().width));
 		} else {
 			this._lastSlotWidth = 0;
 		}