Pro 5.1 Beta - Question Anchor In Slides

Beta
#1

Hi @alexander and team,

Thanks as always for this amazing release :smiley:

Not sure if this has been asked and cannot find in release notes of docs. Can a sider contain slides with anchor tags Elements?

I’ve created Slide Container with Inline Slides. Each Slide has a Div container inside of which is an Image Element and underneath Headline Element with a Link.

The slider works, however it is not possible to click on the anchor link of the Headline Element. I’ve tried Interaction > Click and Drag combinations of all the options.

The common use case I am thinking of is a draggle WooCommerce products slider and clicking on the anchor Headline or a Button of the Slide would link to the product page of the clicked Slide.

#2

z-index issue perhaps?

#3

thanks @spedney good suggestion.

As the Headline does not seem to have a z-index Setup value I’ve tried adding Headline > Customize > Element CSS

$el {
  z-index: 10;
}

However no joy. Inside each slide the container Div Element has value Positon > Relative

I’m probably missing something, let me know if you’ve got Slides with anchor Elements working in draggable Sliders and how :smiley:

#4

Hi @strobley,

Links from elements inside a Slide should be clickable. You could even set the HTML tag of the Slide itself to <a> to set a link there. The only thing I can think of here is that pointer-events: none; is getting applied somewhere. Couple ideas on the front:

  • Check to see if you are using Scroll Effects on the Slide, or any children of the Slide. If it is enabled, there is a new option to allow pointer events while the slide is in the exit state.
  • Check to see if there are any wrapping Div elements with pointer events turned off

If this doesn’t work, let me know if there’s a link where I can see this in action. Perhaps there’s something else going on.

#5

Doh! This is on me @spedney and @alexander I’d applied the class show-outlines to visualize.

Once I removed this the anchor links work just fine. :smiley:

#6

Glad to hear you’re all sorted, @strobley!