only show tooltip if the normal text doesnt fit

projects/demo/src/app/demo/demo.component.html

@@ -68,7 +68,7 @@
 		</div>
 	</div>
 
-	<div class="smallText" klpWithTooltip="orange">I am a small bit of text</div>
+	<div class="smallText" klpWithTooltip="black">I am a small bit of text</div>
 
 	<div>
 		<klp-form-element caption="radioButtons classic" spaceDistribution="34-66" verticalAlignment="top">

projects/klippa/ngx-enhancy-forms/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klippa/ngx-enhancy-forms",
-  "version": "14.19.0",
+  "version": "14.19.1",
   "publishConfig": {
     "access": "public"
   },

projects/klippa/ngx-enhancy-forms/src/lib/withTooltip.component.ts

@@ -21,6 +21,13 @@ export class WithTooltipDirective {
 			if (!stringIsSetAndFilled(this.klpWithTooltip)) {
 				return;
 			}
+			if (el.nativeElement.innerText.trim().length < 1) {
+				return;
+			}
+			console.log(el.nativeElement.offsetWidth, el.nativeElement.scrollWidth);
+			if (el.nativeElement.offsetWidth >= el.nativeElement.scrollWidth) {
+				return;
+			}
 			if (getComputedStyle(el.nativeElement).position === 'static') {
 				el.nativeElement.style.position = 'relative';
 			}