-
Notifications
You must be signed in to change notification settings - Fork 17
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Component doesn't render as expected #54
Comments
Hello ! Could you please provide a codesandbox for repro ? |
Hi Victor ! I've pushed my project to GitHub and imported it into codesandbox. On the left you'll find a navigation drawer with, at its bottom, a link called "mfi". It lead to a page where the issues I mentionned are being visible. I believe both you and I are, and therefore speak, french, but keeping going in english might help a couple other people ? |
Hi Victor ! A couple remarks :
|
I can't access to your codesandbox :/ Looks like it's private |
Hi. Sorry for that. I've updated the visibility of my repo and the link in the previous comment as well. Thanks for your help. |
Describe the bug
The component doesn't render as expected :
To Reproduce
Steps to reproduce the behavior:
npx create-next-app@latest
Expected behavior
I believe the component should render / behave identical to the examples provided on the project's website.
Screenshots
![image](https://private-user-images.githubusercontent.com/48296182/346403425-eb95c2c2-004a-43e7-99c2-273fe86469e3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMwNTUxMDcsIm5iZiI6MTcyMzA1NDgwNywicGF0aCI6Ii80ODI5NjE4Mi8zNDY0MDM0MjUtZWI5NWMyYzItMDA0YS00M2U3LTk5YzItMjczZmU4NjQ2OWUzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA3VDE4MjAwN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAzMDk4N2Y5MGI4NjVkYWFlY2QxNDBjZTVjN2U4YWYwNWNiMTRlZjRmNDc4OThkYzBjN2QxYjVhODc3ZjRjYzQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.lfJGUObpcmOs0-wRCbIOOlpTQoB8aKfzCVYhaF6PFuk)
This screenshot illustrates the first issue : no file is selected but the "File" label stay far above the component, though it should be "inside" the selection field.
This one illustrates the second issue : when a file is selected the "clear" icon is not displayed, though the button is rendered (not visible on the screenshot)
![image](https://private-user-images.githubusercontent.com/48296182/346404878-75189be1-494b-48b8-b7c8-ecf638c0010a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMwNTUxMDcsIm5iZiI6MTcyMzA1NDgwNywicGF0aCI6Ii80ODI5NjE4Mi8zNDY0MDQ4NzgtNzUxODliZTEtNDk0Yi00OGI4LWI3YzgtZWNmNjM4YzAwMTBhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA3VDE4MjAwN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWY1OTI5YjYxZWVjMzJkZGViNjJhZTdkZjQ5NWEyY2U3MDZiNzU4NGUzMjc3MjhiODFiYWFhYWI2N2YzNTg5OWQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qGFa-USvtWM7WNG21E6BCo4OK1nqztmgHjuFMJonXms)
There are no issues when checking out the author's website
![image](https://private-user-images.githubusercontent.com/48296182/346405043-038e871f-2db7-4c81-86e0-13f7adbacfab.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMwNTUxMDcsIm5iZiI6MTcyMzA1NDgwNywicGF0aCI6Ii80ODI5NjE4Mi8zNDY0MDUwNDMtMDM4ZTg3MWYtMmRiNy00YzgxLTg2ZTAtMTNmN2FkYmFjZmFiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA3VDE4MjAwN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU2ZDdiOGIyNDQxMzUyZWEwOTAyYzA1ZWQ0ZjI0MTZiYmUwZDdlYTEyYWIyOGZkNGY3ZTI1ZjBhMThlMzNmN2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.mqog17sDX-e40ZZ7m6XX0sGrQuzTVXE-4vtTIIBehlI)
Content of my package.json
Desktop :
The text was updated successfully, but these errors were encountered: