@aquera/nile-elements 1.6.6 → 1.6.7

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-rich-text-editor/nile-rich-text-editor.css.ts

@@ -3,7 +3,10 @@ import { css } from 'lit';
 
 export const styles = css`
   .editor { all: revert;
-  -webkit-user-modify: read-write; }
+  }
+  .rte-container .editor.safari {
+    -webkit-user-modify: read-write;
+  }
 
   nile-rich-text-editor {
     position: relative;
@@ -202,7 +205,7 @@ nile-rich-text-editor[disabled] .editor a {
   content: attr(data-placeholder);
   color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary));
   position: absolute;
-  font-family: var(var(--nile-font-family-sans-serif), var(--ng-font-family-body));
+  font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
   pointer-events: none;
   user-select: none;
   padding-top: 16px;

package/src/nile-rich-text-editor/nile-rich-text-editor.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 
 import './nile-rte-toolbar';
@@ -209,6 +209,17 @@ export class NileRichTextEditor extends LitElement {
     }
   }
 
+  protected firstUpdated(_changedProperties: PropertyValues): void {
+    super.firstUpdated(_changedProperties);
+
+    if (this.editorEl) {
+      const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+      if (isSafari) {
+        this.editorEl.classList.add('safari');
+      }
+    }
+}
+
   private updateContentWithMention(mentionDetail: any) {
     this.updateContent();
     this.dispatchEvent(