I have an sap.m.Table populated with a number of items. One of the columns in the table contains a checkbox allowing the user to select / deselect it for a particular item.
I have an issue where the table scrolls automatically in the following case:
I change focus to another application on my computer. The specific application makes no difference.
I return to the UI5 application containing the table but I do NOT click anywhere in the application.
I scroll down the list using my mouse scroll wheel. I still have not clicked in the UI5 app in any way including the table's scroll bars so focus is still not in the UI5 app.
I select / deselect the check box for any random item in the list that within view which obviously places focus back to the UI5 app.
The list then scrolls on it's own as if it returns to the position in the list prior to the scroll being performed in step #3 above and selects / deselects a checkbox for a completely different item. It as if the list is retaining it's visible position on the screen and returns to that position to make it visible again on the screen.
If anyone can shed some light on this, requires further clarifying details and/or can suggest a work-a-round that would be great.
Thank you
*** UPDATE ***
December 16, 2022:
Here is an example in CodePen. I additionally noticed that it only happens if I first select a check box for an item, change focus to another application, then return to the UI5 app as per step #2 above.
*** UPDATE #2 ***
Thank you #Marc who identified work-a-rounds as per his comment below.
z
Related
As anyone can notice it, in the schedule external drag drop demo , someone can drag the event from the TreeView list and when it get near to the right page edge then the page scrolls to the right.
Here is a screenshot showing it.
It's occuring also in our app and it's rather annoying.
We wish there will be a fix for this issue.
Greetings from Syncfusion Support.
We have checked your reported problem that dragging a TreeView node that produces the scroller in the output web page. Currently, we don’t have any property to prevent the scroll when dragging a TreeView node. However, we have already considered this as a feature from our end. It will be included in our Volume 2 Release which is expected to be released in June 2020.
Track the below link to know the feature status.
https://www.syncfusion.com/feedback/13575/need-to-provide-the-option-to-set-the-drag-area-in-treeview-component
But, you can resolve your issue by setting the target for dragArea of TreeView’s drag object in the created event. When setting the target, you can drag the element only inside the target element. It prevents the element from scrolling exceeding that element.
Please, check out the sample with the above explained solution.
Sample: https://stackblitz.com/edit/react-jqzozo-gqpyve?file=index.js
onCreate(){
this.treeObj.dragObj.dragArea = "body";
}
I'm trying to do something like below:
Scenario 1: User will drag and drop List 1 from left side to right side.
Scenario 2: Again, User will drag list 2 to right side, when that dragging item hover on list 1, have to show drop zones to drop that list 2 item here.
Finally, List 1 and List 2 both will be placed like left and right side.
With React Dnd, Is this achievable? and I tried this it works only while dragging. https://stackblitz.com/edit/react-pctpdh
I'm able to show a drop area while dragging, it shows every time, but I need to show that drop area only hover on some item.
Below is the sample work, I have to achieve:
Need to show placeholder to drop an item while hover other items to drop. (Need to Create dynamic drop targets while mouse hover some item)
I need a help on this to achieve this feature.Any idea on this really commendable.
I saw the code snippet and i added some new code that replicates your desired behavior.
The idea is to create a separate component to handle drop actions, that can be reused when is needed. In this particular case, I choose to use the component inside your ListItem component to create two drop zones on both sides.
Here is the updated code: https://stackblitz.com/edit/react-pctpdh
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.
I have a Pivot layout with three items. One holds news for today, the second shows news for the week and in the third one you can search by date. If there aren't news for today yet, I show a message through a popup. I use a popup because I can put it over the datatemplate list.
The problem is that if I show the popup in the pivotitem for today news, it is shown in all other pivot items, but in code is inside the first pivot item only!
How can I solve this? Would you recommend me to use something different than a popup? I could hide the popup when pivot item is changed, but I want the message to remain visible in the item that has no news.
thank you!
There are known issues with regards to performance and rotation with the Popup control. My suggestion would be to use a Grid element and toggle it's visibility as and when required. For this overlay to be shown on top of the whole pivot (and not just the current item contents) you will need to put it at the same level in the visual tree as the pivot, and declared afterwards in the XAML to ensure that it appears on top. Other than that, it's just a case of showing/hiding it based on your logic and the selected pivot item.
I am using Silverlight with Telerik Controls.
There is one scenarios where i stuck with it.
1) I have added Tab control into page(XAML page) with two tab Items.
2) I have also added stack panels into both tab items to dynamically add controls into respective stack panels.
3) Then Dynamically added combo boxes into stack panel and these combo boxes are binding with datasource.
4) I am giving bydefault selection functionality for combo by coding, if label name and values of the datasource matching then it will bydefault select perticular item.
5) And finally when i click on the Map button then it will give me two objects with selected comboxes list with respective tabs.
6) When i directly click on the Map buttom then it is giving me proper result.
7) But i did some changes like select some of combo boxes and remove selection from combo boxes then it is givng me correct result of currently selected tab Item. and another tab item shows with zero selction.
8) In this case, i am not able to find controls from another tab.
Can anyone plz help me for a correct way...
Thanks....
Have you posted this to the community forum or posted a support ticket concerning the issue you are having? If possible, please submit a support ticket or post to the forum with the code showing what you are working on so we can look a bit more into the issues you are having.
Thanks!
Evan