v4 ReferenceArrayInput too small/not wide
See original GitHub issueWhat you were expecting:
A readable/wide enough input.
What happened instead:
An input that’s too small (second field).

Steps to reproduce:
https://codesandbox.io/s/serverless-feather-cswwec
Related code:
<ExampleCreate />
inside of App.tsx. Specifically the <ReferenceArrayInput />
part.
- Repository: https://github.com/RWOverdijk/ra-mui-input-bug/blob/main/src/App.tsx#L23-L25
- Codesandbox: https://codesandbox.io/s/serverless-feather-cswwec
Open the user create form. I realise it’s using todos (had to find a functional endpoint) and says permissions. It’s weird 😄
Environment
- React-admin version: 4.0.0-beta.3
- Last version that did not exhibit the issue (if applicable): I guess v3? The codesandbox for version 3 seems to work.
- React version: 17.0.2
- Browser: Chrome 99.0.4844.51
- Stack trace (in case of a JS error): N/A
Issue Analytics
- State:
- Created 2 years ago
- Comments:11 (8 by maintainers)
Top Results From Across the Web
Input Components - React-admin - Marmelab
In i18n apps, the label is passed to the translate function. ... default values if the Form already defines a form-wide defaultValues :....
Read more >react-admin - bytemeta
v4 ReferenceArrayInput too small/not wide. smeng9. smeng9 CLOSED · Updated 5 months ago ... davidhenley. davidhenley CLOSED · Updated 4 months ago ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Fixed by #7421
Sorry for the mess I’m making here.
I made and added a codesandbox (in the description). I just remember opening issues here in the past and getting yelled at so I want to be thorough this time 😄