Comments (8)
+1
From a quick look at react sources:
https://github.com/facebook/react/blob/master/src/browser/ui/dom/components/ReactDOMInput.js
the magic should come from LinkedValueUtils.Mixin
As a simple use case, take the example in Thinking in React:
http://facebook.github.io/react/docs/thinking-in-react.html
Say that, by clicking on a product, you change the state to the product name. The list gets filtered. The input should contain the product name as value. This mui.Input isn't currently changing its value.
from material-ui.
+1
DropdownMenu should has , that will let DropdownMenu play with other framework or react form component.
from material-ui.
+1
from material-ui.
Hi - just wondering if work has started on this? I was planning to get one of my team to do this issue in the next day or two, but if someone else is, I'll not!
CC:@hai-cea
from material-ui.
@chrismcv No, I'm not aware of anyone working on this fix. Although, lists and menus are next on our list to revamp. I think you're safe to start on this. Thanks for taking it on! 👍
from material-ui.
@hai-cea nearly there with this - one thing i'm currently fighting... is there a way i can override the :focus
style - i've made the parent div have a tabIndex, which makes it keyboard focusable, however, when focused there is the following (on ubuntu chrome anyway)... coming from the defaults user agent style sheet.
:focus {
outline: -webkit-focus-ring-color auto 5px;
}
Is there a to do this with style props yet? or is inject a <style>
into the <head>
the best way to go?
from material-ui.
@chrismcv You can try to handle onFocus and onBlur events and set a 'focused' state. This is similar to how we handle :hover using onMouseOver and onMouseOut.
from material-ui.
Fixed with #846
from material-ui.
Related Issues (20)
- [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
- Autocomplete popupIcon icon is turning down HOT 3
- [website] Inconsistent card display at 100% zoom level HOT 1
- [system] useColorScheme should return null during hydration
- [material-ui][Menu] Submenu closes improperly HOT 5
- [website] Site responsiveness and adaptability when zooming HOT 4
- [material-ui][Menu] Issues building a context menu HOT 4
- [material-ui] Standardize event handler callbacks
- [material-ui][Autocomplete] click on helperText inside of Autocomplete component triggers input focus/option selection HOT 7
- [material-ui][Switch] Issues with styling before refreshing the page HOT 4
- Styleprovider doesn't seem to work on dynamically rendered components inside shadow dom HOT 5
- [material-ui][Switch] Unsupported color after upgrade @mui/material to 5.15.13 HOT 2
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.