Hi,
Popovers / tooltips work great on desktop, but on mobile (iOS; Chrome & Safari browsers), when one taps to show a popover, it appears and then when you tap it again, it doesn’t disappear.
I searched the old Themeco support forums and found the following jquery code:
jQuery(document).ready(function($) {
$(‘html, body’).on(‘touchstart click’, function(e) {
var popover = $(’.popover’);
if ( popover.length ) {
var popoverId = popover.attr(‘id’);
$(‘a[aria-describedby="’ + popoverId + ‘"]’).removeAttr(‘aria-describedby’);
popover.hide().remove();
}
});
});
When used, the code works in terms of hiding the popover upon second tap on mobile. But after that, a user isn’t able to tap a third time to have the popover re-open; they have to refresh the page instead.
Wondering if anyone has troubleshooted this issue successfully… as it has come up several times in the support Forum over the years and there seems to be no fix beyond this.
Thx in advance for your expertise 