Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Resizable items below the "Drag to resize" handle are not resizing properly in Firefox #67316

Closed
3 of 6 tasks
remcokalf opened this issue Nov 26, 2024 · 5 comments · Fixed by #68252
Closed
3 of 6 tasks
Assignees
Labels
[Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@remcokalf
Copy link

remcokalf commented Nov 26, 2024

Description

Resizable items below "Drag to resize" handle are not resizing properly. Dragging their handle results in stuttering/glitching. This happens for example with an ACF text area field.
The issue happens in Firefox only it seems. I don't see it in Chrome.

This issue happens will every resizable item. Not only textareas, also items that have e.g. resize: vertical set in CSS.
Resizable items outside of this area are resizing just fine, like the post title textarea in code view.

See below screenshot of and example with an ACF text area field.

Not entirely sure if this is a Gutenberg issue, or if I should add it in trac.

Step-by-step reproduction instructions

  • Install ACF or another custom field plugin, eg. Custom Field Suite
  • Add a resizable field, e.g. a textarea field
  • Open a post/page edit screen in Firefox
  • Try to resize the field

Screenshots, screen recording, code snippet

In Firefox:
Image

Environment info

  • Happens in Firefox only
  • Happens in WP 6.7 and 6.7.1
  • Does not happen in 6.6.1 (only other version I could test on).

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure
@remcokalf remcokalf added the [Type] Bug An existing feature does not function as intended label Nov 26, 2024
@remcokalf remcokalf changed the title Resizable items below the "Drag to resize" handle are not resizing properly Resizable items below the "Drag to resize" handle are not resizing properly in Firefox Nov 26, 2024
@hanneslsm
Copy link

Can confirm.
Tested on MacOS and Firefox 132.0.2 (aarch64)
Image

@remcokalf
Copy link
Author

Maybe this should be a separate bug report, but this is probably related or part of the same issue: the "Drag to resize" handle itself also does not work properly. Not only in Firefox, but also in Chrome.

@ellatrix
Copy link
Member

cc @stokesman

@stokesman
Copy link
Contributor

@remcokalf Thanks for reporting this! #68252 fixes it in my testing.

Maybe this should be a separate bug report, but this is probably related or part of the same issue: the "Drag to resize" handle itself also does not work properly. Not only in Firefox, but also in Chrome.

Yes it probably should be. I’d be surprised if it weren’t already reported because if it’s not working in Chrome it would surely be noticed by now. If you can add any detail about what isn’t working properly I’d appreciate it.

@remcokalf
Copy link
Author

@stokesman Thanks for fixing this, tested and works!
I don't see the drag handle issue anymore, maybe it was fixed in the meantime, not sure.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants