Put Et2Description content into light DOM to fix decrypt on hover

api/js/etemplate/Et2Description/Et2Description.ts

@@ -19,6 +19,10 @@ export class Et2Description extends Et2Widget(LitElement) implements et2_IDetach
 
 	static get styles()
 	{
+		/**
+		 * No styles for Et2Description due to how we're rendering content directly into light DOM
+		 * anything added here won't work
+		 */
 		return [
 			...super.styles,
 			css`
@@ -150,6 +154,15 @@ export class Et2Description extends Et2Widget(LitElement) implements et2_IDetach
 		return html`${render}`;
 	}
 
+	/**
+	 * Put everything into the light DOM
+	 * @returns {this}
+	 */
+	createRenderRoot()
+	{
+		return this;
+	}
+
 	async firstUpdated()
 	{
 		this.removeEventListener('click.extra_link', this._handleClick);

api/templates/default/etemplate2.css

@@ -231,7 +231,7 @@ div.et2_hbox > div {
 /**
  * Label widget, and labels for other widgets
  */
-.et2_label {
+.et2_label, et2-description {
     color: #101050;
     white-space: pre-wrap;
 }