I have Modal that appears when pressing on edit button on specific section. Sections are comments displayed with FlatList. Interesting thing is when I open edit panel and click on TextInput to edit text from that comment keyboard shows up and here is what happens:
If the edit button of that comment is above the keyboard height (that will shows later when I press the TextInput in edit Modal) everything works perfectly. But when I press the edit button and its located bellow keyboard height (basically if the position of button is ,,inside,, of keyboard position) when I press the TextInput in edit Modal, Modal get closed without any logic. And since I render modal as Pure.Component for each section and it is visible by bool value in each comment state, when I press edit button state changes to true, but when this problem happens state is not updated, it's still true and I can not activate edit Modal again, since it looks like its already open. And I can open Modal of any other comment without problem. What can cause the problem or what am I doing wrong?
If you need any more details let me know. I do not know what part of code should I post here since I do not know what cause the problem, but it is about Keyboard height for sure.
Keyboard is messing things up. I made a workaround by making scrollToIndex, so when ever I press on edit button it will move that comment to be first displayed, that way it will always be above Keyboard.
Related
Buttons were created using a map () Array, each button of questions when clicked shows an answer. The problem is that when you click the question button it automatically hides and the answer button appears, and when you click the answer button it hides and the question button appears again.
he following problem occurred, when I click on the answer button and it hides and I click on the same button as the question when checking the answer, it no longer accepts the sequence. In this case, I don't know how to do it?
Demo
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.
I tryed this example with two type of fields with style MaterialDesignFloatingHintTextBox and MaterialDesignFloatingHintPasswordBox, but I noticed that when the event get is triggered the popup is showed correctly but when I go to the popup to press one of the button, the lost focus event of the text field is triggered and the popup is closed :/
My question is that do you know some solutions? Or do you know some osd keyboard that works with the materialdesignxamltoolkit?
Finally I solved the problem:
is not a problem of user controls or xamltoolkit, but only a focus problem, so setting property Focusable = false in the button and other controls in the old keyboard works very well.
I hope that this post can be useful to someone that have my same problem.
Cheers
Franco
After clicking, for example, on a button with no handler (that is no any reation axcept button clicking animation) I have this ugly effect on my eyes:
Blurring of the text on the button goes off in a second (from the first picture to the second and so on to the sharpness), then the text gets sharpness. I have this effect at any combinations of "TextOptions" options in XAML including TextOptions.TextFormattingMode="Display".
If I click on a button which raises, for example, select file dialog window, everything seems well.
How to escape this blur? Have you ever seen this effect?
In addition. This effect appears only with TextSize=11 and Aero is disabled. With TextSize equals any another value all goes well. But 11 is a default value so everybody can see this bug!
I don't know if you've fixed this yet or not, but the solution is to use the flag UseLayoutRounding="True". Throw that on the button style and it will be fixed.
I am using EditorGridPanel with cellEditor which acts nearly like Excel. We implemented Arrow Keys to move among rows and columns.While validating a row, if it does not match the validation rule we show a MessageBox and hope that focus does not move if it is not valid. But, after the MessageBox shows - focus moves to the next row/column. Another problem is, user have to click in the OK button of the MessageBox to remove that from screen. Can we have the focus on the invalid column editor and also focus on the MessageBox OK button - so that user can press Enter to hide the message and continue entry?
Please check our link. http://www.softworksbd.com/swazilandlmis/yyyy_stockdata.php
Only one element can be focused, so focus should go to the message box. AFAIK enter/escape keys works out of box with message box.
You can pass callback to the messagebox. In this callback you can focus desired cell in the grid. Like this:
Ext.Msg.alert('Title', 'Message.', function(){
this.startEditing(rowIndex, colIndex);
}.createDelegate(grid));
So after message box is closed, the focus will go back to the editor.