dropdown onchange issue in redux form? - javascript

Below is the redux form example in official site.
http://redux-form.com/6.6.3/examples/react-widgets/.
If I click the dropdown component and select one item, move the mouse out of the dropdown and release the mouse, the dropdown value will be set Zero like below image.
How can I fix it, thanks.

Related

monitorEvents() doesn't work on autocomplete drop menus

Trying monitorEvents() to figure out what actually happens
when you hover over suggestion from the autocomplete and autofill drop menu
but the function stops logging anything as soon as the cursor lands on the drop menu.
Two main Events that should be logged :
The mouse position change
the state change of the input bar , from empty to filled and with what value
none of the two gets logged unless i click out of the menu as you can see in the image which isn't what i expect
any light on why this happens and how to get around it would be appreciated
Thanks

react select dropdown values interfering with react table

We are using a react-select dropdown and react-table grid below the dropdown. The issue I'm facing is, when I try to select a value from the dropdown, the cursor is trying the resize the table header when the dropdown values overlap with the table header.
I tried to create a sandbox code to explain the issue better but I found the issue in one of the existing examples here Sandbox example.
Please see the image below to understand the issue.
Image showing the issue
When the user clicks at the exact point on UI as shown in the pic above, instead of selecting a value from dropdown, the user ends up resizing the table header.
Is there any way to avoid this issue and ensure that the cursor stays on menu list?
Any help is appreciated.
add style={{ zIndex: "-1" }} to your ReactTable component

Bootstrap dropdown menu getting hidden behind the dhtmlx layout

I am using a DHTMLX 3T layout, in which topmost layout(a) has the bootstrap components(Drop down, search box, etc).
When I click on the dropdown, the menu is getting hidden behind the other layout(c) and I am unable to see the menu list. Can you let me know the solution for this problem so that i can see the menu items.
I have tried to set the z-index for the drop down but still unable to resolve the issue.
Your bootstrap menu is attached to the layout cell and designed so that it is not available to show it outside the current container.
You may only try to create your menu outside of the layout cell.

Filtering Inside A Dropdown Menu

I am trying to figure out how to use a filtering js such as isotope inside of a dropdown menu.Let me explain in detail.
I would have a set of Dropdown menus that a user would click through, in the end producing a link that is specific to what they have chosen in the dropdown menus. As the user chooses options in the dropdown menus, I would like some options in the following dropdown menus to either grey out or disappear.
On another note, I would also like to be able to filter a list of links based dropdown menu choices from the user. I was wondering if this is possible?
I am trying to do this with only HTML, CSS, and jQuery. Can someone put me in the right direction?
(hopefully what I've said makes sense...)

Idea to have a pop-up box of radio boxes on a form

I am creating a search box form, but I would like to give the user the option of selecting certain categories from a large collection (say 300+). This would not work very well for a drop down menu, in my opinion.
I was wondering if you could create a pop up box with the background greyed out, like you do with images and have all the categories displayed horizontally as radio boxes and then the user could select one or more of the categories and return to the rest of the form.
I suppose I could use a hidden DIV, but the impact of a popup box would be preferable to me.
Anyone any guidance as to whether this is possible.
Thanks
Here is the solution.I just implemented it to show that it is possible. http://jsfiddle.net/raynesax/u9Ywu/
You can accomplish this easily with JQueryUI dialog functionality.

Categories

Resources