Comments (3)
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.
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.
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)
- feature: change caret to X on combobox
- Multiselect defaultValue doesn't refresh when props value changes HOT 1
- Combobox has unexpected behavior when using hideEmptyPopup
- findDOMNode is deprecated in StrictMode - error HOT 7
- Error finding scss files.
- Calendar: Add option to display week numbers
- Add tailwind 3 support
- Add !default to $max-height in popup.scss
- Deprecation warning with `sass 1.62.0` HOT 2
- Custom tagListComponent HOT 1
- Unable to set tabindex on footer of calendar widget
- How to stablish the value on open DropdownList HOT 3
- Achieved
- Tailwind: [WARNING] "zindex" is not a known CSS property [unsupported-css-property] HOT 1
- Multiselect - Sort tags and options alphabetically HOT 1
- DatePicker monthFormat in version 5
- Virtualized MultiSelect
- Can not set DatePicker input id via inputProps
- Chrome crashes when using DropdownList Component HOT 4
- deprecation warning; !default should only be written once for each variable.
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 react-widgets.