Merge af68a2e into d1c9298

forkcms · May 16, 2019 · 4e42e49 · 4e42e49
2 parents d1c9298 + af68a2e
commit 4e42e49
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/Frontend/Core/Js/frontend.js b/src/Frontend/Core/Js/frontend.js
@@ -209,6 +209,21 @@ jsFrontend.forms = {
     jsFrontend.forms.filled()
     jsFrontend.forms.datePicker()
     jsFrontend.forms.imagePreview()
+    jsFrontend.forms.requiredTooltip()
+  },
+
+  requiredTooltip: function () {
+    $(document).on('focus', '.form-control', function (event) {
+      var id = $(event.currentTarget).attr('id')
+
+      // show tooltip
+      $('label[for="' + id + '"]').find('abbr').tooltip('show')
+
+      // hide tooltip after 1 second
+      setTimeout(() => {
+        $('label[for="' + id + '"]').find('abbr').tooltip('hide')
+      }, 1000)
+    })
   },
 
   imagePreview: function () {

diff --git a/src/Frontend/Core/Layout/Templates/Macros.html.twig b/src/Frontend/Core/Layout/Templates/Macros.html.twig
@@ -18,7 +18,7 @@
 {% endmacro %}
 
 {% macro required() %}
-  <abbr tabindex="0" data-toggle="tooltip" aria-label="{{ 'lbl.RequiredField'|trans|ucfirst }}" title="{{ 'lbl.RequiredField'|trans|ucfirst }}">*</abbr>
+  <abbr data-toggle="tooltip" aria-label="{{ 'lbl.RequiredField'|trans|ucfirst }}" title="{{ 'lbl.RequiredField'|trans|ucfirst }}">*</abbr>
 {% endmacro %}
 
 {% macro icon(icon) %}