Dears,
I have implemented a pop-up window to be shown by clicking a trigger-button of a textbox, and it has a radioGroup in it. in some cases I have to check the radio based on user input.
The problem is that if I try to invoke radioGroup.setValue() before opening the popup once, I face with two selected items in radioGroup. The issue doesn't occur if open-close the popup before trying to set the checked radio.
Is it a rendering issue or something like that?!
Related
I need help regarding dhtmlX form and combo list controls. I am getting a problem with the dhtmlx combo that created using dhtmlx control. The list of options appears and disappears immediately when clicked on the combo list. The same problem getting with an input box when I click on the input box the mouse focus is removed outside the input box
Unfortuanetly the porblem cannot be reconstructed in the default samples:
https://snippet.dhtmlx.com/wla7u1xq
Please, check if your events are not blocking or closing the combo operating with the input focus.
If the problem still occurs for you please, provide a sample or a code snippet, to check the deatils of your problem.
The Select component (https://react-select.com) always focuses the input when opening the dropdown. This is not wanted when on mobile because it causes the virtual keyboard to always open.
We want the user to be able to tap the dropdown indicator icon on the right on the Select component and see the options without focusing the input, but, if the user taps the area over the input then the focus is given to the input field.
*edit: github.com issue related - https://github.com/JedWatson/react-select/issues/3526
Have you tried using the isSearchable prop and setting it to false?
You can test this functionality on the first example of www.react-select.com
Click on Select, see keyboard
Now uncheck "Searchable", click select, and you should be focused without a keyboard.
I included images in the referenced react-select issue.
Short description of the problem:
I have a form in which a group of fields in repeated based on an array of objects.
There is a button which pushes an object into the array. So the user can add as many groups as he like one by one.
There is a select box as the first element of this group.
However, upon clicking the button, the select box is opened automatically after the new group appears.
Steps to reproduce:
1. Visit http://52.66.117.243/app-test/ for testing.
2. Scroll down and click on add more button.
3. The new select box for title automatically opens
Chrome in responsive mode is also able to reproduce the problem
I think the issue might be due to the click event passed on to the newly added select box since the position w.r.t screen of the button is occupied by the new select element. However, I cannot be very sure.
Interestingly, a small timeout before adding of the new elements seems to solve the problem.
If the problem is indeed the click event being propagated, can someone be kind enough to explain what is causing it, event bubbling/capturing on the ng-click or something else ?
Thank you.
Currently I have a grid that has a option to click and show the grid options on the far right side. The issue I'm having and I am wondering if there is a setting I can add for the grid options dropdown to automatically close when a user clicks off anywhere else or opens one of the column drop down options. Any ideas?
There does not appear to be a setting for this in the API. I assume you are using CellNav, which is the cause of this. The reason clicking on the grid cells or header cells doesn't close the grid menu is that cellnav is eating the click event.
If you are using CellNav, you may notice that the column menus do not close when clicking within cells, either.
You need to add a different event listener (let's go with mouseup) and programmatically close the menus.
Here is an example of how to achieve this using the gridApi and onRegisterApi grid option.
I have to make a form codename-one in which i have a check box. if check box is checked then bellow it i want to display 2 combo box and if check box is unchecked then i want to display 2 text field.
How can i do it.
I have tried setVisible(true/false) but in it space consumed by label or text field is never covered up.
Please help.
You need to remove/add the components and then invoke either revalidate() or animateLayout(int) to refresh the UI.