My website has a slider with images linking to PDFs. This functioned fine the last time I checked (a couple of months ago). Now when you hover over an image in Chrome (I'm using Mac Chrome 73.0.3683.103) you get the pointer, and the correct link appears at the bottom of the window, but nothing happens when you click it.
It works fine in FF.
This was created in WordPress using a Beaver Builder carousel, so I apologize that the code isn't very clean.
I've tried adding pointer-events: all, and playing with the z-index (even though there's nothing near it that should be overlapping it). I've disabled all of my Chrome extensions in case it is a problem with me.
No errors are coming up in the console.
<div class="fl-post-carousel-image">
<div class="fl-photo fl-photo-align-center" itemscope
itemtype="https://schema.org/ImageObject">
<div class="fl-photo-content fl-photo-img-jpg">
<a href="/wp-content/uploads/2019/03/Pumps-and-Systems-March2019.pdf#new_tab" target="_self" itemprop="url">
<img class="fl-photo-img wp-image-418 size-medium" src="/wp-content/uploads/2019/03/Pumps-and-Systems-March2019-1-1-238x300.jpg" alt="Pumps-and-Systems-March2019-1" itemprop="image" data-no-lazy="1" height="300" width="238" title="Pumps-and-Systems-March2019-1" srcset="/wp-content/uploads/2019/03/Pumps-and-Systems-March2019-1-1-238x300.jpg 238w, /wp-content/uploads/2019/03/Pumps-and-Systems-March2019-1-1.jpg 263w" sizes="(max-width: 238px) 100vw, 238px" />
</a>
</div>
</div>
</div>