Skip to content

EditCell: support :modal editors - #4183

Open
nstepien wants to merge 3 commits into
mainfrom
editmodal
Open

nstepien wants to merge 3 commits into
mainfrom
editmodal

Conversation

@nstepien

@nstepien nstepien commented Sep 14, 2026

Copy link
Copy Markdown
Collaborator

@nstepien nstepien self-assigned this Sep 14, 2026
renderCell(props) {
return currencyFormatter.format(props.row.budget);
}
<li>

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

return currencyFormatter.format(props.row.budget);
}
<li>
<button type="button" command="close" commandfor={dialogId}>

@nstepien nstepien Sep 14, 2026

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

@codecov-commenter

codecov-commenter commented Sep 14, 2026

Copy link
Copy Markdown

⚠️ Please install the 'codecov app svg image' to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 98.30%. Comparing base (33e4921) to head (1a3e9e6).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #4183   +/-   ##
=======================================
  Coverage   98.30%   98.30%           
=======================================
  Files          45       45           
  Lines        1943     1947    +4     
  Branches      732      733    +1     
=======================================
+ Hits         1910     1914    +4     
  Misses         33       33           
Files with missing lines Coverage Δ
src/DataGrid.tsx 98.88% <100.00%> (+<0.01%) ⬆️
src/EditCell.tsx 97.14% <100.00%> (+0.12%) ⬆️
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

onChange={(e) => p.onRowChange({ ...p.row, country: e.target.value }, true)}
onFocus={(event) => {
try {
event.target.showPicker();

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

Somehow it's not opening automatically anymore, had to add this.
I tried calling showPicker() in the ref prop, but that throws an error as it requires an user action.

>
<dialog open>
<input
autoFocus

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

The dialog automatically focuses the first focusable element

@nstepien
nstepien marked this pull request as ready for review September 14, 2026 22:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants