Move the crop area with keyboard cursor control keys

Created on 13 February 2024, 5 months ago
Updated 3 June 2024, 25 days ago

Hello again :)

This time a feature request for usability.

Problem/Motivation

I am enjoying this module and transforming all my image styles from Focal Point to ImageWidgetCrop.
Also testing with cropping images.
When you crop an image with text that barely arrives to the crop measure, it would be very useful to be able to use the keyboard cursor control keys to be more precise.

I hope the idea is interesting to you.

Merci :)

✨ Feature request
Status

Active

Version

2.0

Component

User interface

Created by

πŸ‡ͺπŸ‡ΈSpain candelas

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @candelas
  • πŸ‡«πŸ‡·France DrDam

    It appears that Image Widget Crop does not offer this feature natively.

    I move the Feature Request to them.

  • πŸ‡ΊπŸ‡ΈUnited States nplowman

    Being able to set the crop area using keyboard is also very important for accessibility.
    Taking a look at this module though, it looks like it makes use of a third party library (cropper.js) for the actual crop functionality.
    So making this module keyboard-accessible might require forking or replacing this library entirely.

    This is something I need to solve for on a current project, so will post a follow-up if I find a good solution.

  • Open in Jenkins β†’ Open on Drupal.org β†’
    Core: 9.5.x + Environment: PHP 7.3 & MySQL 5.7
    last update 25 days ago
    4 pass
  • πŸ‡ΊπŸ‡ΈUnited States nplowman

    I just opened a pull request (#4) with one possible solution for adding keyboard controls, for consideration.
    It adds left, right, up, and down buttons for moving the crop selection and "smaller" and "bigger" buttons for resizing the crop selection area.

Production build 0.69.0 2024