We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

BUG Bad Tooltips overrides on Standard Joomla Tooltip form class

Featured Lock Resolved Bug
Hi guys,
You can test this on these forms "Create Location" / "Create Event" pages done with Standard Joomla Custom Fields, in the same way as Joomla Articles and the rendering is from the Joomla form class. Probably helix has again some bad overrides in place:

1 - double Tooltip per Label/Field:
- when I hover each Label I have back a tooltip
- when I hover the field I have back another tooltip, same content, with a black layout (Crome, FireFox on Ubuntu linux) or white (Chrome on Windows 10), not on Chrome on Android

2 - Now, when the Label tooltip is closed the Label is deleted/hided:
- on Chrome on Windows 10 always
- on Crome, FireFox on Ubuntu linux and Chrome on Android only when the site is in the Debug mode

PS - Please, How can I "switch off" this "Helix Ultimate Tooltip" if I want run with the Standard Joomla Tooltip rendering form class ?

12 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Actually it's a default feature of latest browsers. It's coming from the title attribute of your input field. By default every browser has a popup on input fields.
You can check this link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title
I've used the following javascript to remove those input fields title and hopefully that's the solution of your issue.

// Remove title from input field

jQuery(function ($) {
$(document).ready(function() {
$('input[type="text"]').removeAttr("title");
});
});

http://prntscr.com/q5xq9j

-Best Regards

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. I actually find that the issue is related only to the third party extension you are using. May be they are using some old joomla stuff( i am not sure ).
But you can always choose a different template-layout for your menu-item http://prntscr.com/q1knhd
Hope that'll solve the issue for you. And we'll sure investigate this factor in our upcoming helix-ultimate update.
So, don't worry.

-Best Regards

joomleb

More than a month ago #Permalink
Hi Sifat,
sorry, but the issue I'm having back is from standard Joomla 3.9.13 + Helix Ultimate 1.1.1
I have back the same BUG, as I described above, editing any Joomla Article and hovering on any default Joomla Field, included the tab Titles !!!

Anyway, I created for you this Joomla Test Article, editing it (you have the Super Admin access) and you will see that hovering all the labels fields disappear (also the tabs Titles are disappearing). I also added a Custom Field in the Fields tab for you.

PS - Please, How can I "switch off" the "Helix Ultimate Tooltip" feature (I'm quite sure the issue comes from there) to test running the Standard Joomla Tooltip rendering form class ?

Sifat - Staff

More than a month ago #Permalink
Would you please use this css into your custom css and that'll solve the issue for you.

.control-group label {
display: inline-block !important;
}


-Best Regards

joomleb

More than a month ago #Permalink
Hi Sifat,
many thanks for your support. The Custom CSS you provided solve the second BUG, but not the first one. I doubt the second one is due from the first:

1 - double Tooltip per Label/Field:
- when I hover each Label I have back the right tooltip
- when I hover the field I have back another tooltip, same content, with a black layout (Crome, FireFox on Ubuntu linux) or white (Chrome on Windows 10), not on Chrome on Android

2 - when the Label tooltip is closed the Label is deleted/hided: solved with your CSS code

PS - Please, How can I "switch off" this "Helix Ultimate Tooltip" if I want run with the Standard Joomla Tooltip rendering form class ?

Maybe: Tooltips uses the Bootstrap library from Joomla, which is Bootstrap 2. Helix Ultimate use Bootstrap 4. Now, as far as I know bootstrap 4 uses data-toggle= "tooltip" instead of data-toggle= "popover"...

Sifat - Staff

More than a month ago #Permalink
Would you please check this screencast https://files.fm/u/9akmbu5m

joomleb

More than a month ago #Permalink
Hi Sifat,
as far as I see from your video:
I never wrote to test it on Mac,
but above all you have to hover on the field because the second tooltip may appear, I add for you a video:

- when I hover each Label I have back a tooltip > Okay

- when I hover the field I have back another tooltip, same content but:
--- with a black background layout on Chrome 78 and FireFox 70 on Ubuntu 16.04 linux > video double Tooltip per Label/Field
--- with a white background layout on Chrome 78 on Windows 10 Home
--- it is not happening on Chrome 78 on Android 8.1 stock

Sifat - Staff

More than a month ago #Permalink
Oh, i find it now. It's not a bug even it's a feature. Whenever you hover over to an input field for a long time only then the popover will appear and there is no default way to stop that.

-Thanks

joomleb

More than a month ago #Permalink
Hi Sifat,
thanks for answer.
"It's not a bug even it's a feature", well, I have to say that right now is really a bad feature, Please:
1 - Is it a feature from Helix Ultimate or from Bootstrap 4 ?
2 - Bad, because in first of all it is not following the standard tooltip feature layout. Please, How to have the same tooltip layout ?
3 - From my point of view the conditional rule can be doubled (hovering the label + hovering the field), but not the result: to show a tooltip (and now two tooltips). Can be done anything for it ?
4 - Last but not least, I'm having problems with my customers for that. Please, How can I stop it manually ?

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your reply. Sorry there is no default way to stop any of the popup. But there is a workaround for that. You can disable the title popup by using this code.

.control-group .hasPopover {
pointer-events: none;
}


-Best Regards

joomleb

More than a month ago #Permalink
...Sorry there is no default way to stop any of the popup. But there is a workaround for that. You can disable the title popup by using this code.

.control-group .hasPopover {
pointer-events: none;
}


Hi Sifat,
thanks for answer to me, but I think there is a big misunderstanding here. With:
1 - Is it a feature from Helix Ultimate or from Bootstrap 4 ?
2 - Bad, because in first of all it is not following the standard tooltip feature layout. Please, How to have the same tooltip layout ?
3 - From my point of view the conditional rule can be doubled (hovering the label + hovering the field), but not the result: to show a tooltip (and now two tooltips). Can be done anything for it ?
4 - Last but not least, I'm having problems with my customers for that. Please, How can I stop it manually ?

I mean the Field tooltip one (the doubled one, the one created by Helix Ultimate), not the Title tooltip (the default one created by Jommla)


There are no replies made for this post yet.
Be one of the first to reply to this post!

123

Templates

328120

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us