fix stylelint issues

Author: margaree

components/filter/filter.js

@@ -180,7 +180,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 				display: -webkit-box;
 				hyphens: auto;
 				-webkit-line-clamp: 2;
-				word-break: break-word;
+				overflow-wrap: anywhere;
 			}
 
 			d2l-list-item[selection-disabled] .d2l-filter-dimension-set-value,

components/focus-trap/focus-trap.js

@@ -29,7 +29,7 @@ class FocusTrap extends FocusMixin(LitElement) {
 				display: inline-block;
 			}
 			:host([hidden]) {
-				display: hidden;
+				display: none;
 			}
 		`;
 	}

components/form/demo/form-panel-demo.js

@@ -32,28 +32,9 @@ class FormPanelDemo extends LitElement {
 				display: none;
 			}
 
-			.d2l-form-panel-demo-panel {
-				background-color: white;
-				border-radius: 8px;
-				padding: 20px;
-			}
-
 			.d2l-form-panel-demo-container {
 				margin-bottom: 10px;
 			}
-
-			.d2l-form-panel-demo-header {
-				align-items: top;
-				cursor: pointer;
-				display: flex;
-				justify-content: space-between;
-			}
-
-			.d2l-form-panel-demo-text {
-				align-items: center;
-				display: flex;
-				margin: 0;
-			}
 		`];
 	}
 

components/form/form-errory-summary.js

@@ -26,7 +26,6 @@ class FormErrorSummary extends LocalizeCoreElement(RtlMixin(LitElement)) {
 			}
 
 			.d2l-form-error-summary-header {
-				align-items: top;
 				cursor: pointer;
 				display: flex;
 				justify-content: space-between;

components/inputs/input-textarea.js

@@ -126,10 +126,10 @@ class InputTextArea extends InputInlineHelpMixin(FocusMixin(LabelledMixin(FormEl
 			.d2l-input-textarea-mirror {
 				line-height: 1rem;
 				overflow: hidden;
+				overflow-wrap: anywhere; /* prevent width from growing */
 				padding-bottom: 0.5rem;
 				padding-top: 0.5rem;
 				visibility: hidden;
-				word-break: break-word; /* prevent width from growing */
 			}
 			:host([no-padding]) .d2l-input {
 				padding-left: 0;