Skip to content

Conversation

@ironAiken2
Copy link
Contributor

@ironAiken2 ironAiken2 commented Nov 18, 2025

Resolves #4650 (FR-1686)

Changes

Fixed a bug where the inline edit button (hover edit icon) for folder names would not reappear after:

  1. Clicking the edit button to enter edit mode
  2. Pressing Enter without making any changes

Root Cause

When the form was submitted with no changes, the onEditEnd callback was not being called, leaving the editingColumn state in VFolderNodes in an inconsistent state. This prevented the hover edit button from being displayed again.

Solution

Added onEditEnd?.() callback invocation in the form submission handler when the folder name hasn't changed, ensuring proper cleanup of the editing state.

Test Case

  1. Navigate to the Data & Storage page
  2. Hover over a folder name to see the edit button
  3. Click the edit button to enter edit mode
  4. Press Enter without making any changes
  5. Hover over the folder name again
  6. ✅ The edit button should reappear (previously it would not)

Checklist:

  • Test case verified: Edit button now reappears correctly after no-change submission

Copy link
Contributor Author


How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • flow:merge-queue - adds this PR to the back of the merge queue
  • flow:hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

@github-actions
Copy link

github-actions bot commented Nov 18, 2025

Coverage report for ./react

St.
Category Percentage Covered / Total
🔴 Statements 4.69% 547/11673
🔴 Branches 3.82% 314/8227
🔴 Functions 2.91% 104/3576
🔴 Lines 4.63% 529/11414

Test suite run success

125 tests passing in 14 suites.

Report generated by 🧪jest coverage report action from 3d654df

@ironAiken2 ironAiken2 marked this pull request as ready for review November 18, 2025 08:40
Copilot AI review requested due to automatic review settings November 18, 2025 08:40
Copilot finished reviewing on behalf of ironAiken2 November 18, 2025 08:41
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR fixes a bug where the inline edit button for folder names would not reappear after clicking edit and submitting without making changes. The root cause was that the onEditEnd callback was not being invoked when the form was submitted with unchanged values, leaving the parent component's editingColumn state in an inconsistent state.

Key Changes

  • Added onEditEnd?.() callback invocation in the early-return path when folder name hasn't changed

Copy link
Contributor

@nowgnuesLee nowgnuesLee left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@graphite-app
Copy link

graphite-app bot commented Nov 19, 2025

Merge activity

…ion in folder name editor (#4663)

Resolves #4650 ([FR-1686](https://lablup.atlassian.net/browse/FR-1686))

## Changes

Fixed a bug where the inline edit button (hover edit icon) for folder names would not reappear after:
1. Clicking the edit button to enter edit mode
2. Pressing Enter without making any changes

### Root Cause
When the form was submitted with no changes, the `onEditEnd` callback was not being called, leaving the `editingColumn` state in VFolderNodes in an inconsistent state. This prevented the hover edit button from being displayed again.

### Solution
Added `onEditEnd?.()` callback invocation in the form submission handler when the folder name hasn't changed, ensuring proper cleanup of the editing state.

## Test Case
1. Navigate to the Data & Storage page
2. Hover over a folder name to see the edit button
3. Click the edit button to enter edit mode
4. Press Enter without making any changes
5. Hover over the folder name again
6. ✅ The edit button should reappear (previously it would not)

**Checklist:**

- [x] Test case verified: Edit button now reappears correctly after no-change submission

[FR-1686]: https://lablup.atlassian.net/browse/FR-1686?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
@graphite-app graphite-app bot force-pushed the fix/FR-1686-folder-name-edit-button-reappear branch from cd7fe52 to 3d654df Compare November 19, 2025 01:46
@graphite-app graphite-app bot merged commit 3d654df into main Nov 19, 2025
11 checks passed
@graphite-app graphite-app bot deleted the fix/FR-1686-folder-name-edit-button-reappear branch November 19, 2025 01:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS ~10 LoC

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Folder name inline-edit button disappears after escaping with no changes

3 participants