Bug 241737

I have a dynamic horizontal slider on a website, half way down this page: https://www.eightyone.co.nz/projects/safe-night-a-thon

When a user hovers over the left/right arrows, the browser is supposed to slowly move them along the slider. This works in both Chrome and Firefox, but not Webkit/Safari.

After talking with Apple engineers at WWDC22, they have diagnosed this as a Webkit bug, and have told me to file it as such here. Here is the code:

var amount = '';

function scroll() {
  $('#horizontal-scroll-parent').animate({
    scrollLeft: amount
  }, 25, 'linear', function() {
    if (amount != '') {
      scroll();
    }
  });
}
$('#next').hover(function() {
  amount = '+=25';
  scroll();
}, function() {
  amount = '';
});
$('#back').hover(function() {
  amount = '-=25';
  scroll();
}, function() {
  amount = '';
});