Skip to content
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

[joy-ui][Link] Overlay prop don't seem to work as expected #38701

Closed
2 tasks done
durdenx opened this issue Aug 29, 2023 · 6 comments · Fixed by #38799
Closed
2 tasks done

[joy-ui][Link] Overlay prop don't seem to work as expected #38701

durdenx opened this issue Aug 29, 2023 · 6 comments · Fixed by #38799
Assignees
Labels
bug 🐛 Something doesn't work component: link This is the name of the generic UI component, not the React module! package: joy-ui Specific to @mui/joy

Comments

@durdenx
Copy link

durdenx commented Aug 29, 2023

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Steps to reproduce 🕹

Link overlay in Joy-UI doesn't seem to work as expected. Even in the documentation (https://mui.com/joy-ui/react-link/#overlay-prop) the card is not fully clickable.

Current behavior 😯

No response

Expected behavior 🤔

No response

Context 🔦

No response

Your environment 🌎

System:
OS: macOS 13.4.1
Binaries:
Node: 18.17.1 - ~/.nvm/versions/node/v18.17.1/bin/node
Yarn: Not Found
npm: 9.6.7 - ~/.nvm/versions/node/v18.17.1/bin/npm
Browsers:
Chrome: 116.0.5845.110
Edge: 116.0.1938.62
Safari: 16.5.2
npmPackages:
@emotion/react: ^11.11.1 => 11.11.1
@emotion/styled: ^11.11.0 => 11.11.0
@mui/base: 5.0.0-beta.12 => 5.0.0-beta.12
@mui/icons-material: ^5.14.6 => 5.14.6
@mui/joy: 5.0.0-beta.3 => 5.0.0-beta.3
@mui/lab: 5.0.0-alpha.141 => 5.0.0-alpha.141
@mui/material: 5.14.6 => 5.14.6
@mui/system: 5.14.6 => 5.14.6
@mui/x-data-grid: ^6.12.0 => 6.12.0
@mui/x-date-pickers: ^6.12.0 => 6.12.0
@types/react: 18.2.21 => 18.2.21
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
typescript: ^5.2.2 => 5.2.2

@durdenx durdenx added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Aug 29, 2023
@danilo-leal danilo-leal changed the title Link overlay in joy-ui don't seem to work as expected [joy-ui][Link] Overlay prop don't seem to work as expected Aug 29, 2023
@danilo-leal danilo-leal added bug 🐛 Something doesn't work component: link This is the name of the generic UI component, not the React module! package: joy-ui Specific to @mui/joy labels Aug 29, 2023
@danilo-leal
Copy link
Contributor

Hey @durdenx, thanks for opening this issue! Is the overlay prop not working on your local project or is it just the documentation?

@durdenx
Copy link
Author

durdenx commented Aug 29, 2023

In my local project as well, it was working fine before the beta release.

@danilo-leal danilo-leal added this to the Joy UI: Stable release milestone Aug 29, 2023
@danilo-leal danilo-leal moved this to Future in Joy UI Aug 29, 2023
@danilo-leal
Copy link
Contributor

@durdenx Gotcha! It'd be helpful if you could provide a Sandbox with a reproduction of your code to make it easier for the team to understand what's happening exactly.

@durdenx
Copy link
Author

durdenx commented Aug 29, 2023

Here's the sandbox from the docs with the working and not working versions:

@danilo-leal danilo-leal removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Aug 30, 2023
@danilo-leal danilo-leal assigned siriwatknp and zanivan and unassigned danilo-leal Aug 30, 2023
@zanivan zanivan moved this from Future to Selected in Joy UI Aug 31, 2023
@zanivan
Copy link
Contributor

zanivan commented Aug 31, 2023

This issue is also happening with other users (#38462 (comment)).
I went ahead and moved it to 'selected' board, as high priority, since it's a bug. @siriwatknp could you take a look at this afterward?

@siriwatknp
Copy link
Member

This issue is also happening with other users (#38462 (comment)). I went ahead and moved it to 'selected' board, as high priority, since it's a bug. @siriwatknp could you take a look at this afterward?

on it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: link This is the name of the generic UI component, not the React module! package: joy-ui Specific to @mui/joy
Projects
Status: Recently completed
Development

Successfully merging a pull request may close this issue.

4 participants