I recently started using bootstrap and am struggling with the following.

I would like a tooltip to show when I initially click on the button on my iPhone, however currently, the tooltip shows for a split second and the link is followed. Is there a way to click first and show the tooltip, then click again to follow the link?

Within the body I have the following:

<script>
        const tooltips = document.querySelectorAll('.tt')
        tooltips.forEach(t => {
            new bootstrap.Tooltip(t)
        })
</script>

And the relevant button:

<span class="tt" data-bs-placement="top" title="Clients"><a href="clients.php" class="btn btn-primary"><i class="fas fa-users"></i></a></span>

I have looked through the bootstrap documentation (https://getbootstrap.com/docs/5.0/components/tooltips/) and searched for the problem online, though it is quite a difficult question to squeeze in a google search box...

Your help is much appreciated.