Inputs are not displayed when using TabbedForm - Githubissues

marmelab / react-admin

A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design

http://marmelab.com/react-admin

MIT License

24.5k stars 5.2k forks source link

Inputs are not displayed when using TabbedForm #9942

Open armandosg opened 3 weeks ago

armandosg commented 3 weeks ago

What you were expecting:

When navigating to an edit route that uses TabbedForm the inputs should be displayed.

What happened instead:

When navigating to an edit route that uses TabbedForm the inputs are not displayed.

Steps to reproduce:

Clone the sample application. https://github.com/armandosg/react-admin-v5
Run the server
Navigate to the "Resources" list
Click on the first item
Check that the input are not displayed
Click on any tab link
The inputs are displayed now

Related code:

https://github.com/armandosg/react-admin-v5

Other information:

I'm seeing that this only happens when the id of the resource contains special characters.

Environment

React-admin version: 5.0.1
Last version that did not exhibit the issue (if applicable): 4.x.x
React version: 18
Browser: Chrome
Stack trace (in case of a JS error):

fzaninotto commented 3 weeks ago

Confirmed, thanks.

Tested on https://codesandbox.io/p/devbox/github/armandosg/react-admin-v5/tree/main, it seems the bug only occurs on the first resource, the one with a colon in its id ("1:prod:resource1"). So it seems to be that the TabbedForm routing is too strict on the id it accepts.