question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

v4 ReferenceArrayInput too small/not wide

See original GitHub issue

What you were expecting:

A readable/wide enough input.

What happened instead:

An input that’s too small (second field).

image

Steps to reproduce:

https://codesandbox.io/s/serverless-feather-cswwec

Related code:

<ExampleCreate /> inside of App.tsx. Specifically the <ReferenceArrayInput /> part.

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:closed
  • Created 2 years ago
  • Comments:11 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
fzaninottocommented, Mar 23, 2022

Fixed by #7421

1reaction
RWOverdijkcommented, Mar 21, 2022

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 😄

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found