[material-ui][Dialog] Tabindex usage

mui / material-ui

Material UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

https://mui.com/material-ui/

MIT License

91.86k stars 31.57k forks source link

[material-ui][Dialog] Tabindex usage #40182

Open Muhamedkaric opened 5 months ago

Muhamedkaric commented 5 months ago

Duplicates

[X] I have searched the existing issues

Latest version

[X] I have tested the latest version

Steps to reproduce 🕹

You are not using dialog as html element but you probably broke something here... With tabindex I'm not allowed to something like selecting text in tooltip. If I delete tabIndex in devtool I can select text from tooltip.

Current behavior 😯

No response

Expected behavior 🤔

No response

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```

mnajdova commented 5 months ago

It doesn't look like this bug report has enough info for one of us to reproduce it. Please provide a CodeSandbox (https://material-ui.com/r/issue-template-latest), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem. Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

spider9375 commented 3 months ago

I also have issues with this exact tabindex. I am opening a WalletConnect web3Modal inside Dialog and with this tabIndex i am unable to enter value in an input field. If i remove this tabIndex it works.

Setting TransitionProps or PaperProps tabIndex: -1 reverts it with the error in console. Is there a way to override the warning and set tab index to null?