Make WordPress Core

Opened 7 weeks ago

Last modified 7 days ago

#63208 new defect (bug)

Slider: Revision page slider does not support touch interactions on mobile devices

Reported by: yogeshbhutkar's profile yogeshbhutkar Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: trunk
Component: Revisions Keywords: has-patch dev-feedback has-test-info
Focuses: ui, accessibility Cc:

Description

The slider on the revisions page lacks touch interaction support on mobile devices, making it difficult for users to navigate revisions using touch gestures. This limitation affects the feature's usability and accessibility on touchscreen devices.

To replicate, perform the following steps:

  1. Create a post and ensure it has at least five revisions.
  2. Open the revisions page.
  3. On a mobile device, attempt to drag the slider.
  4. Verify that the slider does not respond to touch gestures.

Attachments (1)

before.mov (1.5 MB) - added by yogeshbhutkar 7 weeks ago.
A screencast of the bug described above is attached here:

Download all attachments as: .zip

Change History (5)

@yogeshbhutkar
7 weeks ago

A screencast of the bug described above is attached here:

This ticket was mentioned in PR #8627 on WordPress/wordpress-develop by @yogeshbhutkar.


7 weeks ago
#1

  • Keywords has-patch added

### Description

Trac ticket: https://core.trac.wordpress.org/ticket/63208

This PR adds touch event support, allowing users to drag the slider using touch gestures on mobile devices.

### Screencast

BeforeAfter
https://github.com/user-attachments/assets/81e37264-2b95-4134-ad39-a5bbc37f01f3https://github.com/user-attachments/assets/ffec25b3-cb66-4dd5-9c6a-caaf4f69a9bb

This ticket was mentioned in Slack in #core-test by oglekler. View the logs.


7 weeks ago

#3 @SirLouen
7 weeks ago

  • Keywords dev-feedback has-testing-info added

Combined Reproduction and Patch Testing Report

Description

This report validates that this issue can be reproduced and the patch work as expected

Environment

  • WordPress: 6.9-alpha-60093-src
  • PHP: 8.2.28
  • Server: nginx/1.27.4
  • Database: mysqli (Server: 8.0.41 / Client: mysqlnd 8.2.28)
  • Browser: Chrome 134.0.0.0 (Mobile)
  • OS: Android
  • Theme: Twenty Twenty-Five 1.1
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Reproduction Steps

This can be done from a browser in a responsive view, but I've tested using a phone.

  1. Create a Post
  2. Add multiple edits in the post and save, repeat this 2 or 3 times
  3. Navigate to Revisions
  4. Try to drag the revisions' slider.
  5. 🐞 Slider doesn't move. You can still press on the checkpoints to switch revisions.

Expected Results

  • The slider moves on drag

Actual Results after patch

  • ✅ Issue resolved with patch.

#4 @wordpressdotorg
7 days ago

  • Keywords has-test-info added; has-testing-info removed
Note: See TracTickets for help on using tickets.