GithubHelp home page GithubHelp logo

Comments (3)

jquense avatar jquense commented on July 19, 2024

Hi there can you post a fiddle, or snippet of the code you are using to initialize the picker? Are you setting the open prop? If so you need to also provide an onToggle handler to respond to when the widget wants to open or close. To let the widget handle that for you make sure to not include the open prop, and the popup will open and close as expected.

Providing certain props indicates to the widget that you want to control that state, so it defers to you, setting open=false tells the widget that you will change this prop to true when you want it to open (generally in response to onToggle). If you leave out the prop entirely (open=undefined) the widget will handle the state for you.

from react-widgets.

cirsteve avatar cirsteve commented on July 19, 2024

I am initializing it the same way i found in your demo in addition to a key prop:
http://jsfiddle.net/Lrpc1nL7/

from react-widgets.

jquense avatar jquense commented on July 19, 2024

Well there isn't any thing wrong with the code you posted. I am not sure what could be interfering with the widget. Clicking on the buttons should trigger the style change on the rw-popup-container by setting a height and display to block.

I cannot reproduce the issue with this code, and unfortunately without a working fiddle reproducing the issue there isn't much more I can do to help. Try making sure that when you click the button css elsewhere isn't overriding a key style. I would also make sure that you do you not have accidentally have two copies of React on the page.This can happen sometimes with bundlers (like browserify or webpack) and can lead to very strange issues, like events not firing.

from react-widgets.

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.