MystBin icon indicating copy to clipboard operation
MystBin copied to clipboard

Scrolling down with the middle mouse button doesn't work on Firefox.

Open itswilliboy opened this issue 1 year ago • 2 comments

When trying to scroll down with the middle mouse button on a paste that has one line that needs horizontal scrolling, it only allows you to scroll horizontally when using the middle mouse button.

On Edge it works, and the cursor has four arrows when clicking the middle mouse button instead of just two (horizontally) when using Firefox.

This issue only exists inside the "code area" of the paste and it works fine on the margin to the left for example.

Paste tried on: https://mystb.in/f0218141490c99fbbf

firefox_P2fFGtItoR

itswilliboy avatar Jun 01 '24 19:06 itswilliboy

This is due to the css in global.css for .fileContent and how FIrefox has different behaviour with it.

If you disable overflow-x: auto (remove it completely) it should work in Firefox. Although deleting is not ideal, as it will overflow onto the page outside of the .fileContent container, so we will look into a true fix.

** Update After a bit more digging, it could actually be related to height: 100%; in .pasteArea and how the inner div of .fileContent behaves with this attribute in FF. Setting this to an arbitrary number, such as 1080px, the 4 way scroll works without having to adjust the overflow-x attribute in .fileContent.

chillymosh avatar Jun 02 '24 11:06 chillymosh

Not sure what you mean? Turning overflow-x to hidden will disable to ability to see the paste, and putting it on visble means the paste will overflow into the main page.

EvieePy avatar Jun 02 '24 11:06 EvieePy

This seems to have been fixed or fixed itself, so closing.

Edit: Oversight on my part, the issue still exists; probably because the only axis it scroll on inside the "code area" is the x-axis. Not worth re-opening as there seems to be no viable easy solution.

itswilliboy avatar Aug 10 '24 21:08 itswilliboy