Code Monkey home page Code Monkey logo

Comments (8)

0x0ece avatar 0x0ece commented on March 28, 2024

+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.

indiejoseph avatar indiejoseph commented on March 28, 2024

+1
DropdownMenu should has , that will let DropdownMenu play with other framework or react form component.

from material-ui.

akinnee avatar akinnee commented on March 28, 2024

+1

from material-ui.

chrismcv avatar chrismcv commented on March 28, 2024

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.

hai-cea avatar hai-cea commented on March 28, 2024

@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.

chrismcv avatar chrismcv commented on March 28, 2024

@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.

hai-cea avatar hai-cea commented on March 28, 2024

@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.

hai-cea avatar hai-cea commented on March 28, 2024

Fixed with #846

from material-ui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.