Closed hScroller issues

[Russ]

Affected version

2.2.10

When the hScroller is on an element, it appears to be overlaying certain parts of the elements below making it so you can't click them.

Adding this to extra.less:

.p-body-inner
{
    padding-top: 0;
}

Will make it so you can't click the breadcrumb links.

Or... if you upload an attachment, part of the "attach files" button is not clickable. Uploading a bunch of files, you can actually control the slider while your mouse is over the insert multiple button.


That gif was taken on this site using Chrome Version 105.0.5195.102 (Official Build) (64-bit)

 

[Kirby]

I can confirm this. As far as I can see the root cause for this problem is the attempt to hide scrollbars with margin/padding tricckery while keeping scrolling active via overflow-x: scroll.

Short of using non-standard CSS (which might not work in every browser) or workarounds like adding enough margin to elements below scrollers I think the only realy solution would probebly be to do scrolling entirely in JavaScript and set overflow-x: hidden.

 

[NealC]

I'm experiencing this quite a bit on my site on various buttons such as when near the top navigation bar, insert images, post reply button, etc. Google Chrome on both Mac and Windows.

 

[Joe Link]

Thanks for posting @Russ. This is an issue for us as well.

 

[merino88]

same problem

 

[XF Bug Bot]

Automated triage: Not a bug

Thank you for reporting this issue. This report is over four years old and nothing recent confirms it still happens. The behaviour depends on how the browser treats a hidden area under horizontal scrollers. If you still see unclickable spots below a scroller on the current version, please open a new report with steps and your browser version.

This is an automated assessment. A member of staff may review and update it.