label disappears after hover

Hi Aicha,
Thank you for your assistance. Your insight has never steered me wrong. As I had suspected, and you also confirmed, the issue is with the bootstrap version that is loading. Pagebuilder is a joomlashine product and I only have it installed because the menu icon for the mobile view. (I'm not sure why but with the last update to the template framework, the menu button broke and after tons of digging, I found that installing pagebuilder solved the problem. I don't use it, never have, and it is disabled) I bet that the issue with menu icon was also caused by bootstrap and pagebuilder installed the newest bootstrap, fixing one problem and causing another.

Thank you again for your help! I will now run down the joomlashine rabbit-hole, again ;p)

Hi,

I was able to dig into this a bit deeper. Actually I could figure, the following.

The Joomla! default code, which I use to create the date field, adds a class="hasTooltip" to the input of the date field. This is fine as long as the (mootools) core.js is not included in the page. If the core.js is included it will treat the input element as if it were a tooltip, which means, it adds a style="display:none" to the field on focus out. This is what happens on your website and with your custom css you just enforce, that the element is displayed anyway.

By the way, you could make the css more specific, so that it does effect less other elements.

.visform input.hasTooltip {
display: inline !important;
}

Joomla! is on it's way to change the default javascript library which is used with Joomla! from mootools to jQuery. So usually you have only jQuery included in the website and jQuery has another way to display tooltips, which do not effect elements with .hasTooltip class attributes. But there are still some Joomla! core compontents (like the com_tags) which do include the core.js

So actually I think, this is sort of incompatibility in the Joomla! core code itself. (Maybe they changed the date HTML som Joomla! Update). So you could either think of opening an issue on the Joomla! bug tracker or just hope, that the problem will vanish, when Joomla! has finished the switch to jQuery completely and stick with your solution until then. (And obviously it is possible that a template includes the core.js as well, as long as it is part of the Joomla! Framework).

Kind Regards,
Aicha

Great advice!! Thanks again for top notch support! I made the css change you suggested and will keep my eye and ears open about the core.js to jquery switch. I will also bring up the issue with the Joomla Users Group that I'm a member of to see what they think about the problem.