Browser jumping to slider on afterChange, unwanted focus event when using slickGoTo

I have some buttons unaffiliated with my slick slider that activate the slider using slickGoTo. Once the slider has animated to that slide – right when the “afterChange” event fires – the browser scrolls to the top of the slider. Some testing has shown that the slides are focused when moved to programmatically.

I can’t find a way to prevent this focus from occurring. I’ve tried messing with the slides’ tabindex attr but slick seems to reset that attr when animating to a slide. I need to avoid focus as it jumps uncomfortably when the slider is only partially on screen.

I also am unable to modify slick’s own files to make a fix; I need to fix this in my own code. I am using the slick NPM module and I’m seeing the problem on Chrome and Safari with macOS Sierra.

It seems to be exactly what was described in this now-closed ticket: https://github.com/kenwheeler/slick/issues/1662

And here’s a gif from that thread demonstrating the issue, albeit using slick arrows and not slickGoTo: https://i.gyazo.com/12167ed07ed2b1f45338059dbcb5ba0c.gif

Thanks in advance!

[walt-er]

Having poked around the source a bit, it seems to me that a couple lines should check for the focusOnSelect and focusOnChange options before triggering focus:

https://github.com/kenwheeler/slick/blob/8ccd846dd2f63963ed4388c1963c77dc2869c482/slick/slick.js#L723 https://github.com/kenwheeler/slick/blob/8ccd846dd2f63963ed4388c1963c77dc2869c482/slick/slick.js#L1703

Also, for anyone else experiencing this issue, I figured out that turning off the accessibility option is a temporary workaround for this bug (although this also disables tabbing and arrow keys).

[kenwheeler]

Yup let me check with greggo on the status On Mon, Sep 18, 2017 at 4:00 PM Walter Mitchell [e-mail] wrote:

@kenwheeler https://github.com/kenwheeler 👋 Any chance of updating the npm package? We’ll be forever grateful!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/kenwheeler/slick/issues/3046#issuecomment-330339090, or mute the thread https://github.com/notifications/unsubscribe-auth/AARfmFfmLomr7TU8Sw4O70fvGYFkP1Xuks5sjsv5gaJpZM4Oz6rm .