Comments (8)
Crazy thing: it looks like the culprit is the Proton Pass extension on Firefox. When I disable it, everything works fine again.
Could you confirm you have this extension as well @harley-codes?
from material-ui.
I have the exact same issue - dialogs and dropdowns crashing exclusively on Firefox - and I also use Proton Pass extension. The person who reported the issue on my website has the same setup. It stopped happening for both of us once we disabled the extension, so @michaelperrin you're definitely onto something!
from material-ui.
I think we can close this right @Arcyvilk? What do you think... I don't see MUI jumping in to solve their bug, not their fault.
from material-ui.
@harley-codes I agree. Maybe we could raise it with Proton team instead 🙂
EDIT: It looks like they are aware of the bug and are working on it! https://www.reddit.com/r/ProtonPass/comments/1bfe2zi/protonpass_firefox_addon_breaks_websites/
Good catch and good to know that the Proton team is aware of it!
I couldn't believe it when I found out all the issues were related to that extension 😅
from material-ui.
It's really weird, all dialogs stopped working on my project, and demos on official docs as well (same error as yours).
However, it seems to only affect Firefox, as it is working on Chrome.
Here is the error I get in dev mode:
Uncaught Error: Permission denied to access property "getAttribute"
and:
Uncaught TypeError: containerInfo is undefined
I tried to downgrade the version of MUI, and still have the issue.
Could this be an issue with a Firefox update?
from material-ui.
@michaelperrin, and @Arcyvilk you both seem to be onto something. I also have Proton Pass. I forgot that I chose not to disable this one, thinking that it would have no affect.
Hmm... Wonder if the extension used NextJS under the hood, and there seems to be a conflict in the library that effects MUI.
from material-ui.
Disabling Proton Pass' autocompletion on the affected website removes this issue. Makes me think it recognizes MUI component as one to use autocomplete on and fails.
from material-ui.
@harley-codes I agree. Maybe we could raise it with Proton team instead 🙂
EDIT: It looks like they are aware of the bug and are working on it! https://www.reddit.com/r/ProtonPass/comments/1bfe2zi/protonpass_firefox_addon_breaks_websites/
from material-ui.
Related Issues (20)
- [material-ui][Autocomplete] Does not properly select options when they are objects and value is controlled HOT 2
- [joy-ui][Input] Using Input with react-imask HOT 3
- [material-ui] VSCode Auto Import Problem HOT 2
- @mui/styles has inconsistent react types
- [material-ui][FormControl] Typescript error: Cannot access `e.target.checked` HOT 2
- [material-ui][nextjs] useLocalStorage for theme name causes theme styles to get out of sync HOT 1
- [docs-infra] Add search bar feature HOT 5
- [icons] Add the "Id Card" icon HOT 6
- [pigment-css] Mistransforms template literals HOT 1
- [material-ui][RadioGroup] Label blinks when clicking the radio label HOT 1
- [material-ui][docs] Convert the "all components" images to CSS
- [docs] Migrating from v4 to v5 - Missing details in documentation
- [material-ui][nextjs] 14.2.0 crashes with Error: Element type is invalid HOT 3
- [website] Improve products navbar HOT 1
- [material-ui] Next.js 14 with NX monorepo build fails on PonyfillGlobal HOT 3
- [docs-infra] Dark mode not persisting after switching from light mode HOT 8
- Module not found: Error: Can't resolve '@mui/base/className' in '/app/node_modules/********/ui-toolkit/node_modules/@mui/material/utils' HOT 1
- [joy-ui][Button] The user can see the text by highlighting when loading is true
- @mui/material incompatible with versions of @types/react > 18.2.60
- [system][docs] Missing content regarding possible Box's styling approaches HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-ui.