Comments (3)
thanks @EmilianoLam ... I can confirm this bug.
Steps to reproduce:
- enter edit mode on rating cell
- change rating with arrows
- exits edit mode after first arrow key (<- first bug)
Second bug:
- enter edit mode on a value 5 or value 1 rating
- go one up or down to reach value 0 (separate bug from
**Rating**
component here) - demo crashes with following error message (from local dev instance):
react-dom.development.js:22834 Uncaught TypeError: Cannot read properties of null (reading 'focus')
at handleRef (renderEditRating.tsx:18:68)
at setRef (setRef.js:20:5)
at eval (useForkRef.js:24:60)
It seems that there are several problems here:
- The edit mode stops whenever there is a change
- the element with value 0 cannot be found
- unrelated: the Rating component has a bug where pressing arrow down increses the value
Related issue for the Rating component here
from mui-x.
from mui-x.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.
@EmilianoLam: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.
from mui-x.
Related Issues (20)
- [data grid]: there is an issue with the design on the right side when dragging
- [data grid] When used Styled Datagrid, processRowUpdate does not fired.
- [charts] types not exported from ChartsTooltipTable HOT 7
- Leap year data grid date column filter cant be filled from left to right HOT 3
- [charts] Improve docs about how to pick the correct scaleType HOT 7
- [charts] Tooltips for points on the edge of the chart are not always shown with tooltip trigger item HOT 4
- X-Data-Grid-Pro/Premium Unusable with CDN HOT 1
- [fields] "Format" is still being used as MobileDatePicker input value, even after the dialog is closed HOT 1
- Y Axis Min/Max value breaks formatting HOT 2
- [data grid] I want to apply conditional cell color and cell selection color at the same time HOT 1
- [data grid] GridToolBarColumnsButton HOT 1
- [data grid] Data Grid is failing AXE accessibility test with the message "Certain ARIA roles must contain particular children" HOT 3
- [tree view] failed to excute "querySelectorAll" on "Element" HOT 2
- [charts] When you hover over a chart point when tooltip trigger item, all points in the current column are highlighted HOT 1
- [question] Multiple versions of @mui/x-data-grid on the same project. HOT 1
- [data grid] tries to sort skeleton rows HOT 3
- [pickers] AM/PM Behavior in the Calendar control HOT 2
- DataGrid ColumnHeader Border Changed from v6 to v7 HOT 1
- [pickers] Render empty input when value is null HOT 8
- [pickers] `DatePicker` character editing fails with timezone "Europe/London", Dayjs adapter HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mui-x.