UI issue, Capture button off-screen at 1280px screen widths

[MattWilcox]

Description

At certain sizes (this issue at 1280px browser width) the Capture button is hidden off-screen.

Steps to reproduce

1. Make a purchase that requires Capture.
2. Go into the Order in the back end.

Additional info

• Craft CMS version: 3.7.14
• Craft Commerce version: 3.4.3

[nfourtythree]

Hi @MattWilcox

Thank you for raising this.

You should be able to scroll sideways on this table to get access to the other columns as you can see here:

https://user-images.githubusercontent.com/266453/216013441-4d1ed89f-50d6-4401-8c13-dff0d505157f.mov

However, I can see that this UI is not obvious, so that is something we can look to improve on in the future.

Thanks.

[MattWilcox]

Thank you!

I will say though - that UI is even more sketchy than you think, and while an improvement - is not really much help for some people...

I run OSX, but not with a touchpad or apple mouse. I use a trackball to help against RSI...

In OSX, there is no method to scroll horizontally with that set up. The UI for it doesn't exist, and there's no way to mechanically scroll horizontally if there are no scrollbars on screen.

There is no visual affordance that a particular section is horizontally scrollable either, as a result.

Weirdly, this is a discussion I had somewhat recently on Mastodon (about scrolling, not Craft) https://kevinyank.com/posts/horizontal-scrolling/

So - thank you, I appreciate it, but fingers crossed there's a more robust solution soon :)