search

Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.4k stars 1.98k forks source link

Categories/Tags: Window disappears when editing category #86962

Open vparkhere opened 7 months ago

vparkhere commented 7 months ago

Quick summary

The pop-up window to edit a category disappears in the middle of editing the category description. The Enter key triggers this, any edits made after pressing Enter will not be saved.

Example: https://wordpress.com/settings/taxonomies/category/test135145.wpcomstaging.com

Done means:

Screenshot(229)

Steps to reproduce

  1. Go to Posts > Categories
  2. Add a new category and save.
  3. Click on the newly created category from the list to edit.
  4. In the Description section, hit the Enter key to start a new line and start typing.
  5. Window disappears and changes that are made after hitting Enter are not saved.

What you expected to happen

I expected the window to stay open while I made any edits to the category and then clicking on "Update" would save changes.

What actually happened

The pop-up window disappeared while making changes. The Update button switches to Saving... once typing begins. You must press Enter and type to start making changes to activate the bug. Anything typed prior to pressing Enter will be saved.

Impact

Most (> 50%)

Available workarounds?

Yes, easy to implement

Use the Classic view (wp-admin dashboard)

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

Chrome: Version 121.0.6167.85

Recording on test site: https://github.com/Automattic/wp-calypso/assets/11635760/b06421a9-b7db-4a46-bd0f-9a53406cbc76

This was only replicable on new categories created on my test site. I could not replicate the issue on categories that had been created a few months ago.

vparkhere commented 7 months ago

reported in 7617764-zen

github-actions[bot] commented 7 months ago

Support References

This comment is automatically generated. Please do not edit it.

rickmgithub commented 7 months ago

📌 REPRODUCTION RESULTS

📌 FINDINGS/SCREENSHOTS/VIDEO

As per the OPs steps. It also seems to happen if you press enter at any point in the description box. It's not just if you hit enter then start typing.

https://github.com/Automattic/wp-calypso/assets/13706336/422eddca-6b56-4280-a072-57ed730106c0

lsl commented 1 month ago

Not really a high priority but quite broken UX, lets fix if we can.