From 7bcc87653ae9946d018906a0ac6a28de04f3ae5e Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Tue, 26 Sep 2017 08:01:01 +0200
Subject: [PATCH] Urgent bugfix with onboarding tooltip.

---
 .../content/pages/content/content-field.component.html      | 6 ++++--
 .../content/pages/contents/contents-page.component.html     | 4 ++--
 .../app/framework/angular/onboarding-tooltip.component.ts   | 3 ++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/Squidex/app/features/content/pages/content/content-field.component.html b/src/Squidex/app/features/content/pages/content/content-field.component.html
index dfec38f83..5dabd33f2 100644
--- a/src/Squidex/app/features/content/pages/content/content-field.component.html
+++ b/src/Squidex/app/features/content/pages/content/content-field.component.html
@@ -7,9 +7,11 @@
 
     <div [formGroup]="fieldForm">
         <div *ngIf="field.partitioning === 'language' && languages.length > 1">
-            <sqx-language-selector size="sm" class="languages-buttons" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages" #languages></sqx-language-selector>
+            <div class="languages-buttons" #buttonLanguages>
+                <sqx-language-selector size="sm" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages"></sqx-language-selector>
+            </div>
 
-            <sqx-onboarding-tooltip id="languages" [for]="languages" position="topRight" after="120000">
+            <sqx-onboarding-tooltip id="languages" [for]="buttonLanguages" position="topRight" after="120000">
                 Please remember to check all languages when you see validation errors.
             </sqx-onboarding-tooltip>
         </div>
diff --git a/src/Squidex/app/features/content/pages/contents/contents-page.component.html b/src/Squidex/app/features/content/pages/contents/contents-page.component.html
index 20324d83a..d03a2ee24 100644
--- a/src/Squidex/app/features/content/pages/contents/contents-page.component.html
+++ b/src/Squidex/app/features/content/pages/contents/contents-page.component.html
@@ -13,7 +13,7 @@
                 <sqx-shortcut keys="ctrl+shift+g" (trigger)="newButton.click()" *ngIf="!isReadOnly"></sqx-shortcut>
 
                 <form class="form-inline" (ngSubmit)="search()">
-                    <input class="form-control form-control-expandable" #inputFind [formControl]="contentsFilter" placeholder="Search for content" #searchInput />
+                    <input class="form-control form-control-expandable" #inputFind [formControl]="contentsFilter" placeholder="Search for content" />
 
                     <a class="expand-search" (click)="searchModal.toggle()" #archive>
                         <i class="icon-caret-down"></i>
@@ -28,7 +28,7 @@
                     Search for content using full text search over all fields and languages!
                 </sqx-onboarding-tooltip>
                 
-                <div class="dropdown-menu" *sqxModalView="searchModal" closeAlways="true" [sqxModalTarget]="searchInput">
+                <div class="dropdown-menu" *sqxModalView="searchModal" closeAlways="true" [sqxModalTarget]="inputFind">
                     <sqx-search-form
                         [canArchive]="!isReadOnly"
                         (queryChanged)="contentsFilter.setValue($event, { emitEvent: false })" 
diff --git a/src/Squidex/app/framework/angular/onboarding-tooltip.component.ts b/src/Squidex/app/framework/angular/onboarding-tooltip.component.ts
index feeef5914..b62c783bd 100644
--- a/src/Squidex/app/framework/angular/onboarding-tooltip.component.ts
+++ b/src/Squidex/app/framework/angular/onboarding-tooltip.component.ts
@@ -8,6 +8,7 @@
 import { Component, Input, OnDestroy, OnInit, Renderer } from '@angular/core';
 
 import { ModalView } from './../utils/modal-view';
+import { Types } from './../utils/types';
 
 import { OnboardingService } from './../services/onboarding.service';
 
@@ -59,7 +60,7 @@ export class OnboardingTooltipComponent implements OnDestroy, OnInit {
     }
 
     public ngOnInit() {
-        if (this.for && this.id) {
+        if (this.for && this.id && Types.isFunction(this.for.addEventListener)) {
             this.showTimer = setTimeout(() => {
                 if (this.onboardingService.shouldShow(this.id)) {
                     this.tooltipModal.show();